Februari 11, 2012

Merubah Warna Blok Teks (Teks Seleksi)

Situseo Blog :  Teks seleksi atau sering kita sebut dengan blok teks, adalah bagian teks yang kita seleksi (blok) bila kita akan melakukan peng-copy-an pada suatu artikel blog post, secara default warna blok atau teks yang terseleksi adalah berwana biru dengan warna teks berwarna putih.

Dengan hadirnya css3 kita bisa merubah warna background selektor dan teks selektor tersebut sesuai dengan warna yang cocok dengan keinginan dan tentu saja untuk memberikan tampilan yang baik harus disesuaikan dengan karakter warna dasar blog tersebut. Dengan css3 selection kita bisa memberi perintah kepada browser yang kita pergunakan untuk merubah warna background dan warna teks seleksi tersebut, hampir semua browser mendukung css3 selection, hanya internet explorer yang belum mendukung css3 selection, anehnya kenapa begitu ketinggalan internet explorer ini, padahal pengusung internet explorer adalah suatu perusahaan yang besar dan banyak penggunanya diluaran sana kecuali di Indonesia.

Untuk memberikan tampilan yang berbeda dengan background dan teks seleksi (blok) pada umumnya kalian bisa menambahkan kode css3 selection dibawah ini :

::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;}

Masuk Desaign - Edit HTML dan letakan kode css tersebut diatas kode ]]></b:skin>, dibeberapa template yang saya coba dengan menerapkan kode css diatas berjalan dengan baik, tapi sebagian template tidak berjalan sesuai keinginan, jika hal itu terjadi pergunakanlah kode css dibawah ini dan letakan diatas kode </head>, perbedaanya hanya harus menambahkan kode keterangan diantara kode css tersebut sehingga menjadi seperti ini :

<style type='text/css'>
::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;}
</style>

Save template kalian dan lihat hasilnya, apakah sudah sesuai.

Kalian bisa melakukan perubahan pada kode warna background dan kode warna teks seleksi, kalian bisa menggunakan Tools Kode Warna yang ada diblog ini pada bagian menu Color Tools atau dengan meng-klik link Color Tools ini.

Semoga bermanfaat,

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top