Dashboard | +Follow

McJellyz Tutorialz.


★ Tutorial : Scrollbar.
P/S : Ada orang kata kat shoutbox saya yang saya bukak page source orang untuk tengok code scrollbar. The fu? I'm against that weyyy. Saya dapat code nye kat SINI and tweak kan sikit. So next time, ask me first eyy, buddy?
Untuk pengguna Google Chrome shj.
First, pergi Dashboard > Design > Edit HTML.
Ctrl+F, cari code ni.
]]></b:skin>
Lepas dah jumpa, copy code bawah ni and paste sebelum ]]></b:skin> tadi.
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}
This is my scrollbar code.
Yang warna purple tu background scroll tu. Boleh rujuk di sini.
Yang saya warnakan merah tu code benda yang scroll tu. Saya warnakan sebab kalau korang nak ubah benda scroll tu ada gambar, tukarkan code merah tu dengan code ni :
background-image:url(URL IMG);
URL IMG tu tukar jadi URL gambar seperti biasa.
Kalau korang nak tambah border pungg boleh. 
Just add code ni dekat selepas border-radius: 10px; dekat code diatas.
border: 1px solid #000000;
Lepas tu preview. Dah puas hati, Save :)
Okbaii malas dah nak post. :P


- Tutorial List
- Personal Blog

p/s ; This blog is for tutorials only.
p/s(ii) ; I'm more active on my personal blog.