Saturday 27 August 2011

Tuto:Costume Scroll Bar

Annyeong peeps!
Costume scroll bar?
Binatang apa tuh?
Buat pengetahuan korang tu bukan binatang ye..huhuhuhu..Kalau tak tahu tengok gamba bawah ni kay.,,

Klik gambar untuk tumbesaran

Berminat?..Jom start..

p/s:Untuk pengguna googlr chrome sahaja..Kalau yang lain-lain Balqis tak tahu..Tapi rasanya tak jadi.. :)
Dashboard > design > edit html
Ctrl f untuk cari code bawah ni sekali


]]></b:skin>
Kalau dah jumpa..Copy code bawah ni N pastekan diatas code ]]></b:skin> tadi.




::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}
Kalau nak jadikan dia ada background.. Copy code bawah ni kay.. :)

 background-image:url(URL IMG);
 Pastekan code atas ni di 


background: #D9D9D9; Ataupun   background-color: #B2C0C6;


Kalau nak tukarkan dua-dua sekali pun boleh.. :)


Note:


Purple:Warna background boleh cari kat sini >Sini<


Hijau:Boleh tukar dengan Url Image korang.. Boleh cari kat sini 


Credit: Kak  Nana


Suka?..Comment la okay.. :)

2 comments:

  1. Syss , ta jady lharh . Tetibe jeaa code tuhh ade kat atas header . =(

    ReplyDelete
  2. Mungkin awak salah buat..cuba lagi okay..... Code tu pastekan di atas ]]></b:skin tu ..

    ReplyDelete