Saturday, 5 May 2012

Coloured Scrollbar

Assalammualaikum
Smiley ^_^

Jom buat scrollbar yang berwarna warni. Biar lawa sikit. Tak tahu apa itu scrollbar ? 
Alah , yang atas bawah atas bawah tu lah ..
Still tak tahu ?
ARE YOU SURE ??

VERY SURE ??

VERY VERY SURE ??

Alahai ! Bende ni lah.


Paham ? Nak buat tak ? Ikut step kat bawah.

1) Design > Edit Html > Tick Expand Widget > F3 > search this code

/* Header
or
]]></b:skin>
or 
a:hover {
or
a:link {
2) Copy and paste SEBELUM code yang korang jumpa.

::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:8px;
width:8px;
display:block;
background:#FFFFFF;
border:1px solid #000000;
}
::-webkit-scrollbar-track-piece  {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FFFFFF;
border:1px solid #000000;
}

3) Preview dulu kalau tak menjadi.

ABC : ubahlah kalau korang rasa kecil
ABC : ubah ikut warna kegemaran
ABC : background scrollbar tu
ABC : tukar ikut suka nak 1 ke 2 ke 3 or whatever
ABC : Just choose solid/dotted/dashed

No comments:

m
e
s
s
a
g
e
 
This blog+author+design fully edited and the designer is Nurul. Don't steal my design !