TUTORIAL : Scrollbar Part-3

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.

TUTORIAL : Scrollbar Part-2

jadi this is scrollbar par-2 , tanpa lengahkan mase una teruskan je tutonye kay -->

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;
}
::-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.

TUTORIAL : Scrollbar Part-1

taraa , hari ni una nak buat tutorial scrollbar part 1 , kay boleh lihat gambar di atas yer mcm mana rupa scrollbar tersebut , soo , jom kite start tuto nye kayy -->

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: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #999;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ffa4bc;
border: 1px solid #fff;
}

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

Credit Given to : Ziera Sharplet