Mengubah Selected Text

Dark Ard dapet request nih, dari Naverz Zone, tentang cara ngubah text yang diselect, ato biasa dikenal dengan sebutan "Di sorot" atau di "Highlight", ato lebih gampangnya lagi kita sering menyebutnya "Di Blok",
Nah, Coba kamu blog text yang ada disini, textnya hilang kan?? hehe itu cuman modif aja. Kamu bisa mengubah lebih jauh. Entah itu jadi huruf tebal, Huruf Miring, mengganti warna text ama backgroundnya, dll.
Klik Read More...



Untuk mengubah Selected text sesukamu, pertama kamu buat script kayak gini:
::-moz-selection{background:WARNA BACKGROUND;color:WARNA TEKS;}
::selection{background:WARNA BACKGROUND;color:WARNA TEKS;}

Kamu tinggal ubah WARNA BACKGROUND dan WARNA TEKS diatas,
trus masuk ke Rancangan, Edit HTML, nah tinggal letakkan kode tadi diatas kode
]]></b:skin>
Trus kalo udah Save Template kamu, dan liat hasilnya..

Masih gag ngerti cara ngubah kode diatas?
Contohnya kayak gini, kalo seandainya kamu mau buat background jadi warna hijau, trus teksnya warna putih ketika di Blok, jadi tinggal ganti kodenya kayak gini:
::-moz-selection{background:green;color:red;}
::selection{background:green;color:red;}


Untuk mengubah di bagian tertentu?


Buat DIV ID, terserah pake apa aja. Contohnya:
<div id="DADselelm">
<!-- ini adalah teks yang nanti akan diubah warna dan warna backgroundnya -->
</div>

Lalu pasang CSS nya pada Template kamu (seperti cara diatas)

#DADselelm ::-moz-selection{background:WARNA BACKGROUND;color:WARNA TEKS;}
#DADselelm ::selection{background:WARNA BACKGROUND;color:WARNA TEKS;}


Nah, silahkan otak atik kodenya sendiri...
Bisa kamu kembangkan dengan kode CSS yang lain...

Comments

5 comments:

Related posts
Guestbook
Author
Other


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other