Tutorial : Scroll bar bergambar

October 01, 2011



1)  Dashboard > Template > Edit HTML > Tick Expand Widget Template

2) CTRL + F.Search kod ini;

]]></b:skin>

3) Kemudian Copy code kat bawah ini

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-image:url(URL GAMBAR);
-moz-border-radius: 10px;
border-radius: 10px;
}}

4) Copy kod tu dekat atas kod yang korang cari tadi.



5) Preview dan SAVE



* KUNING - colour bakcground
   PURPLE - image scroll bar





No comments:

Saya komen

Powered by Blogger.