Monday 8 September 2014

Tutorial : Scroll bar Hover

Hai :) 
Harini Nuha nak try buat tuto scrollbar hover . Scrollbar tu cam lawa ah sebab mula-mula scrollbar tu warna biru ke apa , then bila halakan cursor dekat scroll bar tu , dia jadi warna lain . Lawa en lawa en lawa en . Nak try ? Untuk GOOGLE CHROME sahaja . 

1. Dashboard > Template > Edit HTML 
2. Tekan CTRL+F/F3 dan search code ni.
/* Header
ATAU
]]></b:skin>
ATAU
a:hover {
ATAU 
a:link { 
3. Kalau jumpa , copy code kat bawah & paste kat ATAS code yang korang cari tadi .
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #000000;
}
::-webkit-scrollbar-thumb {
background-color: #8D38C9;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar:hover {
height:12px;
width: 12px;
background: #000000;
}
::-webkit-scrollbar-thumb:hover {
background-color:  #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
Nota
Nuha : Ketebalan scroll bar
Nuha : Warna background scroll bar
Nuha : Warna scroll bar

Nak cari warna ? Tekan SINI .