TUTORIAL : CANTIKKAN SCROLL BAR #2 (HOVER)

Oke, Tutorial kali nih adalah kesinambungan dengan Tutorial Ini.

sebelum

selepas

Bila Cursor uols menghala ke Scroll Bar, automatik Scroll Bar akan bertukar warna.

Macam mana nak buat? Oke, senang je.

1. Dashboard > Design > Edit HTML > Tick Expand Widget

2. Cari kod ini :

]]></b:skin>

3. Pastekan kod kat bawah nih di ATAS kod yang uols cari. 

 ::-webkit-scrollbar {

height: 10px;

width: 10px;

background: #97775e;

border: 1px dotted #fcb7c9;

}

::-webkit-scrollbar-thumb {

background-color: #fcb7c9;

-moz-border-radius: 8px;

border-radius: 0px;

border: 1px dotted #000000;

}

::-webkit-scrollbar:hover {

height:10px;

width: 10px;

background: #fcb7c9;

border: 1px dotted #000000;

}

::-webkit-scrollbar-thumb:hover {

background-color:  #97775e;

-moz-border-radius: 8px;

border-radius: 0px;

border: 1px dotted #ffffff;

}

4. Tukarkan yang warna Merah tuh kepada warna lain oke. Kalau uols tak ubah, nanti jadi macam Scroll Bar Montela :)

Note Kaki :

Kepada sesiapa yang dah ikut Tutorial yang sebelum nih, sila delete semua kod tersebut dan ikut Tutorial yang ini oke.