Saturday, August 6, 2011

Cantikkan Scroll Bar

Okey.. kali nie adiela nak buat tuto Cantikkan Scroll Bar korang.. tuto nie direquest oleh adek wafa..

Kalau korang tak faham.. contoh nye macam nie..



PERHATIAN: Sila klik CTRL+C untuk copy..

P/S: benda nie jadi untuk google chrome je kot.. untuk browser lain adiela xsure..

Step 1:
Pergi “DASHBOARD”>>>>>”DESIGN”>>>>>”EDIT HTML

Step 2:
Cari code nie.. (CTRL+F)

]]></b:skin>

Step 3:
Copy code nie pulak dan paste sebelum/atas code “]]></b:skin> tadi..

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

Merah= warna scrollbar yang korang nak..
Hijau = warna scroll yang korang nak

Kalau korang nak yang ada border, boleh paste code nie lepas/bawah code “border-radius: 10px;” tu.. (solid, dashed, dotted)

border: 1px solid #000000;

Kalau korang nak scroll korang bergamba.. boleh ganti code nie kat hijau tu okey.. dan korang paste la URL gamba korang kat kuning tu..

background-image:url(URL BACKGROUND);

Nota kaki: wargh~ ngantuk da la.. da tengah malam da pon.. nanti nak bangun sahur da.. korang jangan malas2 sahur okey.. tata~



Makseh baca..suka? like okeyh and komen la :)

Tinggal ciuman komen sini!

Related Posts Plugin for WordPress, Blogger...