Welcome to my blog. Feel free to read my stories and etc. I rarely update this blog. Sixteen.


home. | le owner. | stuff. | affiliates. | flavors. | chatbox.

Rabu, 5 Oktober 2011

Scrollbar Hover

Assalamualaikum

Tumblr_ls0ffnjbvw1qjva42o1_500_large

Hello. Tadi Fadlin ada request tuto dekat shoutmix. Dye tanye mcm mane nk buat scrollbar mcm saye tu? Bila cursor pergi kat situ, keluar warna lain. Cuba korang hover, tukar warna hijau kan? Mwehehehe. Farahin nak ajar la ne. Baidawehh bende ni untuk pengguna setia Google Chrome :3

1. Dashboard > Design > Edit HTML

2. Cari'in kod nih, ]]></b:skin>

3. Copy kod di bawah n paste diatas kod ]]></b:skin>

::-webkit-scrollbar {

height:12px;

width: 12px;

background:#FF62B0;

}

::-webkit-scrollbar-thumb {

background-color: #ffff00;

-moz-border-radius: 0px;

border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {

-moz-border-radius: 4px;

border-radius: 4px;

background:#FF62B0;

}

Nota kaki

Yang warna purple tu background scroll bar.
Warna biru pula warna scroll bar sebelum hover.
Yang warna hijau pula scroll bar lepas hover.

4. Save!

Credit to : Ain Fadhilah

4 ulasan:

Muhd Fadlin berkata...

ooouhh, gitu. thanks thanks :)

Farahin berkata...

@Muhd Fadlin : welcome (ni kwn dye yang tulis)

yuyun berkata...

menjadi , thank dear

Farahin berkata...

@yuyun : hehe,, you're welcome :)