Blog Ini Akan Memuat Tampilan Bermacam Gambar Animasi Gif Dan Lain-Lain >TERIMA KASIH TELAH BERKUNJUNG DI BLOG INI

Kamis, 10 Oktober 2013

Cara Menggabung Warna Untuk Baground

Assalaamu'alaikum Warahmatullaahi Wabarakaatu...

Sobat ketemu lagi di lain judul, ane harap sobat jangan cepat bosan terutama sobat-sobat pemula, kalo kakak senior blogger melihat tampilan ini sudah pasti bosan kali karena dalam artikel ini gak ada ilmu yang bisa di petiknya, biar aja biasa gak apa-apa, sekedar untuk mempermahir ilmu yang baru ane dapat dan kalo ada sobat pemula yang tertarik dengan model postingan ini,  ane share untuk bantu-bantu cari ide. Kali ini ane telah coba menggabung warna masih sekitar Baground-Gradient, cocok diberi judul Cara Menggabung Warna Untuk Baground, kenapa demikian, iya kalo sobat menggabung gak tau caranya hasilnya akan berantakan,  beruntung kalo tidak cepat bosan karena harus gonta-ganti kode warna berkali-kali. Untuk itu ane kasi tau tips dan trik :

1. Warna standard apa saja (black, red,yellow,blue,green,white dll) digabung/dipasangkan dengan warna apa saja, hasilnya pasti contrast
2. Jangan menggabung warna 100% standad
3. Gabungkan warna  "gelap samar" dengan "terang samar"

Cuma itu aja kuncinya, lalu sobat coba sesukanya, mau gonta-ganti warna silahkan ganti kode warna, lihat website  http://www.mdf-blog.blogspot.com/p/tabel-warna-non-kode.html 

Untuk uji coba buka aja Entri Baru, sobat copy kode script dibawah ini dan pastekan di awal postingan sobat.

Contoh Kode Script :

<div style="background-image: -webkit-repeating-linear-gradient(45deg,#D2691E,#E6E6FA,#E6E6FA, #E9967A 50px,#D2691E,#E6E6FA, #E6E6FA, #E9967A 50px); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 2px solid #ff0000; font-size: 14px; overflow: auto; padding: 1px;">
Sobat lanjut menulis disini </div>

Hasinya seperti ini :

Sobat lanjut menulis disini


Contoh lainnya :

<div style="background-image: -webkit-repeating-linear-gradient(145deg,#5F9EA0,#E6E6FA,#3CB371, #E9967A 50px,#5F9EA0,#E6E6FA, #3CB371, #E9967A 50px); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 2px solid #ff0000; font-size: 14px; overflow: auto; padding: 1px;">
Sobat lanjut menulis disini </div>

Hasilnya seperti ini

Sobat lanjut menulis disini

Ganti angka-angka ( #...... , .....deg,     .......px ) 

Demikian sobat Cara Menggabung Warna Untuk Baground, selamat mencoba...!

Tidak ada komentar:

Posting Komentar