Tutorial hias scroll bar

Amy Munirah | Saturday, June 25, 2011 | 0Comments |
ASSALAMUALAIKUM.


dah lama amy tak buat tuto kan.ade masalah-maslah tertentu,erm,anyway hari ney amy na ajar cara cantekkan scroll bar.sapa yang belum buad lagi tu,boleh la buad ea.

1. mula-mula dashboard->design->edit html->tick expand widget.
2. tekan ctrl+f and search code ney
]]></b:skin>
3. lepas tu copy pulak code ney


::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #000000;
-moz-border-radius: 10px;
border-radius: 10px;
}


4. and paste sebelum code yang korang search tadi . paham ?
5. tukar yang warna biru tu dengan warna yang korang na k,tu background bagi scroll bar tu.kalau yang warna merah tu pulak benda yang korang scroll tu,korang boleh tukar code warna tu k.
6. kalau korang na background korang bergambar,korang just tukar code ini
background-color: #000000;
kepada code ini
background-image:url(URL BACKGROUND);
7. url background tu boleh cari dekat photobucket.
8. oke done! preview dulu,baru save.
kalau tak jadi,komen k,insyaallah amy tolong :)

Thank you for reading

0 comment(s):