.: Tutorial : Scroll Bar berwarna dan bercorak

Hello ! Good Morning .. Today nak buat tutorial scroll bar berwarna and bercorak/bergambar.Macam Gambar dekat atas ni.

Berwarna

Dashboard > Design > Edit Html > tick expand widget

Ctrl+F > cari code dibawah ni

]]></b:skin>

Kemudian dah jumpa kan ? Copy pula code yang bawah ni

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

Dah copy ? Paste kan dekat ATAS code yang korang cari tadi .

Yang KUNING tu background scroll korang . Boleh cari kat Sini .

Yang HIJAU tu pula untuk scroll bar macam dalam picture I , i punya colour pink . . korang pilih lah colour mana yang nak ..

Bergambar

Step yang sama macam step Berwarna Cuma code berlainan.Code untuk gambar adalah seperti di bawah .

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-image:url(URL GAMBAR);
-moz-border-radius: 10px;
border-radius: 10px;
}}