TUTORIAL : Scrollbar Part-3

Baca Juga

Now kite berada di tutorial Scrollbar Part 3 pulak , pada part 3 nie una gabungkan code yang ada di Scrollbar Part 1 & Part 2 :) soo , pada gambar di atas lah mcm scrollbarnyer terbentuk :) jadi , tanpa melengahkan mase , let's we do the tutorial -->

Firstly , korunk harus ke Dashboard > Design > Edit HTML & click ctrl + F the search for this code :

/* Header

dah jumpa ? korunk sila lah copy paste code yang una bagi nie dan pastekan sebelum code di atas.

::-webkit-scrollbar {
width:10px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
height:10px;
width:2px;
display:block;
background:#EEEEEE;
border:1px dotted #999;
}
::-webkit-scrollbar-track-piece {
background-color:#EEEEEE;
border:5px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#ffe2e2;
border:1px dotted #999;
}

yang una BOLD kan tuh korunk boleh tukar yaa ? colour boleh tukar di SINI.