Saturday, October 13, 2012

Tutorial Cantikkan Scroll Bar

Greeting Text


Sebelum start, bagi yg tak tahu Scroll Bar itu ape , tengok gambar dibawah -.-


* Perhatian juga !
Tutorial ini hanya menjadi untuk pengguna Google Chrome
Step ;

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

2) Tekan ctrl + F serentak untuk search code nie
]]></b:skin> 
3) Dah jumpa ? Copy code nie dan pastekan ATAS code tadi

::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}::-webkit-scrollbar-thumb {background-color: #F2F5A9;-moz-border-radius: 10px;border-radius: 10px;  
}
* merah - background scroll bar
  biru - warna scroll bar itu

4) Kalau korang nk gantikan background / scroll bar itu dengan image, gantikan code itu dengan ini

background-image:url(URL BACKGROUND);
5) Kalau nk letak border pon boleh, tambah code nie lepas border-radius tu

border: 1px solid #000000;
kalau nk code warna, boleh ke sini

6) Dah preveiw ? Boleh save ! (:







No comments:

Post a Comment

 
Hak cipta terpelihara Miraa Hussin| Copyright-2012