Kode Warna

Bagi Anda yang sedang mencari aba-aba warna untuk blognya, silahkan gunakan tool aba-aba warna di bawah ini. Anda tinggal arahkan pointer mouse di warna yang dikehendaki, lalu copy aba-aba yang didapat di kolom kode.

Bagi yang ingin menciptakan aba-aba warna di blognya ibarat aba-aba warna di halaman ini, silahkan copy aba-aba di bawah Color Tool ini pada postingan HTML blog Anda. Judul Postingannya terserah Anda, contoh: Kode Warna. Dan aba-aba warna ini sudah valid HTML5.



Cara Membuat Kode Warna Valid HTML5, silahkan gunakan aba-aba di bawah ini.
 <object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/color.swf"></object>
<object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/col.swf"></object>

Setelah itu tinggal publikasikan postingan Kode Warna Anda dan nikmati hasilnya.

Jika ingin aba-aba warna ini responsive, silahkan gunakan aba-aba di bawah ini
 <div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object> </div>
</div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object> </div>
</div>
</div>

Dan tambahkan aba-aba CSS di bawah ini
 .color-code{text-align: center;margin:20px auto;width:60%;}
.color-responsive {position: relative;padding-bottom: 100%;height: 0;overflow: hidden}
.color-responsive object {position: absolute;top: 0;left: 0;width:100%;height:100%;border:0}

Bagi yang ingin mencoba color tool lainnya silahkan coba Color Wheel Picker by John Curtis DI SINI

Sumber https://www.kompiajaib.com/

0 Response to "Kode Warna"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel