Tutorial : Scrollbar Hover

Assalamualaikum ^^ 
hadifah nk buat tuto pasal scrollbar hover.. 
mcm mane "scrollbar hover" tu? mcm ni:

bile korang tekan kat tepi tu,die berubah warna lain :)


paham dh? now,hadifah nk bagi kod:


cop! mule2,pergi edit HTML -> tick expand widget -> tekan F3 cari kod 


]]></b:skin>


dh jumpe? good~~ sekarang,copy kod ni :

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FF5AB9 ;
}
::-webkit-scrollbar-thumb {
background: #FF5AB9;
-moz-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
filter:alpha(opacity= 70);
-moz-opacity:0.70;
opacity:0.70;
background: #9E7BFF;
}
 paste kat atas kod ]]></b:skin> tadi :)


yg kod berwarne tu,korang boleh tukar kat sini ;)


kalau blogskin? biasenye die dh bg kod scrollbar tu.. korang just padam yg lame,tukar dgn kod yg baru :)


okey! assalamualaikum ;)

No comments:

Post a Comment

Tekan "publish" sekali je tau

Terima kasih komen

BUDI BAHASA BUDAYA KITA :)