TUTORIAL : Scroll bar



ehem . sape tak tidur lagi angkat tangan cepat ! okay turun kan balik cepat ! ada keluar bau sikit la korang angkat tangan . tu bulu ketiak tu , bila maw trim ? dah macam hutan je . hahaha


eh eh , princess teddy menaip malam-malam buta ni bukan nak bagi ceramah 'trimlah bulu ketiak anda' . bukan bukan . tapi nak buat tutorial sroll bar . scroll tu ape kak ? *tiba-tiba datang suara kanak-kanak tanya* uishh , seram la pulak malam-malam tiba-tiba keluar suara budak kecik . err , scroll bar tu , ace tengok kanan . nampak ada bende lain tak ?


ish susah sangat . haa , itu lha scroll bar ye anak-anak . macam mana nak buat macam tu ? ni tengah nak buat tuto la ni . aku cepuk kang ! *datang aura cikgu garang*

\one/
Dashboard ---> Design ---> Edit HTML

\two/
cari code /* Header


\three/
copy code bawah ni , then paste kan di ATAS /* Header




::-webkit-scrollbar { width: 12px; background-color: #FFFFFF; border-right:2px solid white; }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment { height: 1px; display: block; background: #FFFFFF;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb{ background-color: #000000; -webkit-border-radius: 350px; border-radius: 350px; }
}

\four/ 
pilih warna yang korang suka . code warna boleh cari >SINI<
merah : scroll bar background
biru : warna scroll
ungu : ketebalan scroll bar

hijau tu , korang boleh tukar dengan code bawah ni kalau nak bagi dia ada corak . URL tu just letak direct link . tapi , kalau preview then scroll bar jadi macam rosak ke ada error ke , tak payah buat . guna je code asal .
background-image:url(URL IMAGE ANDA)



siap , sila preview dulu okay . princess teddy tak pasti code ni sesuai untuk template mana . so , ace mu try test je lah dulu . any problem , just ask me okay ? bubbye :)
Photobucket

3 comments:

  1. awk , camne nak buat scrool mcm awk pnye nie ?

    ReplyDelete
  2. guna code yg same jgk . cuma yang sy warnakan hijau dengan biru tu , sy tukar dengan code background-image:url(URL IMAGE ANDA)tu..

    ReplyDelete

Sila tinggalkan komen anda.. =)