♥ Love Story.

Nur Farisya Safiyya

.The Girl.

It Me

• Story • owner • links • Stuff •
Dashboard +Follow

Pencuri Hati

Follow @faraheone

.Gula Hati.

Cinta Hati

Hanya Aku Cinta Kau Seorang..HACKS

♥ ----------------------

.Tagboard.

Talk To Me

URL blog wajib ade not email !

Harsh words & Anon not allowed !
Cuties Viewing | Visitors

Tutorial : Cute Scrollbar

posted on Sunday, October 23, 2011 | 4:04 PM | 0 Teddy Bear

Tengok Scrollbar kat blog nie..cantik tak...??

code nie..untuk kegunaan Google Chrome sahaja...

Dashboard --> Design --> Edit Html.

CTRL+F cari code nie.

]]></b:skin>

Lepas dah jumpe code atas tadi copy code kat bawah nie 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;}

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 tue preview dulu kalau da puas hati save ^_^

Older Post | Newer Post