Wednesday, October 24

Tutorial : Scroll Bar Berwarna .

Assalamualaikum :-

Nak cuba tak buat kotak scroll bar yang comel . Yang ada kaler-maler tue .



1 . Template ----> Edit Html ----> Proceed

2 . Tick expand widget ----> Ctrl F , cari kod nie :-

]]></b:skin>

Dah jumpa ? Next :)

3 . Copy code nie , then paste atas kod korang cari tadi .

::-webkit-scrollbar {
height:9px;
width: 9px;
background: #FF66CC;
}
::-webkit-scrollbar-thumb {
background-color: #66CCFF;
-moz-border-radius: 0px;
border-radius: 0px;
}

4 . Preview then save !


Kalaw nak background bergambar gantikan code nie background-image:url(URL BACKGROUND); dengan tulisan kelabu tue .

*warna biru kalaw nak tukar kod warna . Sini -
*warna merah tue kalaw korang nak bagi nampak ada border , so adjust ikut kesesuaian .

7 comments:

ayut said...

makin berwarna warni la lpas ni..hihi..thanks tuto dear :)

are_lin@yu said...

nice tuto dear ;-)

Cik Nur said...

menarikk..!

PILOT LOVER said...

rajinnyer buat tutorial...hehe selamat hari raya aidiladha.. :)

syiela said...

makin cntik la lepas ni :)

Aien Alien said...

menarik la..nak cuba nanti. bila ntah nantinya...hehe

Cendol said...

nice tuto aten,salam aidiladhaaa..belog kamu pun makin comel.moga tuannya juga makin comel