TUTORIAL : CANTIKKAN SCROLL BAR #2 (HOVER)

May 31, 2012


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. 


You Might Also Like

0 000, 000 Pengkomen

DISCLAIMER: Comments are welcomed. However, noted that, tasteless and insulting comments may be deleted. Any personal remarks and attacks may be deleted. The same holds true for off-topic comment. Any comments that reek of link spam or marketing messages will be deleted.

I am not responsible for the content in comments other than those made by me, or in blogs, or other online content that I may link to.</p>