Tutorial : Scroll Bar Part 2

Tumblr_lvmtse4bra1r3uhsro1_500_large

Assalamualaikum and annyeong..Blog bertukar 'baju' lagi. Lalala. Klau mcm sblum ni tieqa gabungkan warna, purple & gray. Tapi kali ni tieqa gabungkan color pink, yellow & gray. Ha! 3 warna sekali. Wlpon x sesuai. Sbb tieqa mmg x reti main dgn ton2 warna ni. Hehe. Ok la, tuto kali ni agak simple. Tieqa nak share scroll bar yg mcm tieqa pakai skrang ni. Nak tak?

Korg copy code kt bwah ni then paste dekat HTML.
::-webkit-scrollbar {
width:7px;
height:7px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#F6CEE3;
border:1px solid #F3F781;
}
::-webkit-scrollbar-track-piece  {
background:url(URL BACKGROUND);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#F6CEE3;
border:1px solid #F3F781;
}

Merah: Warna background
Hijau: Warna border
Oren: Ketebalan border, bole ubah
Pink: Saiz, bole ubah juga
Biru: URL background




2 comment [s]: