Scroll Bar With Line

 


Tuto ini hanya untuk pengguna Google Chrome sahaja. Sebelum tu , kena ada scroll bar berwarna terlebih dahulu. Kalau tak ada boleh ikut tuto sini .


Dashboard > Design > Edit HTML > Tick Expand Widget

1) Tekan CTRL + F dan search kod ini

::-webkit-scrollbar {

2) Sila scroll ke bawah dan tengok yang paling last untuk kod scroll bar korang ada tanda
}

3) Dah jumpa copy lak kod ini dan paste di bawah kod
}

::-webkit-scrollbar-track-piece { 
background-color: #000000
border: 5px solid #FFFFFF
}

 kod merah = warna background boleh tukar kat sini
kod oren = ini adalah size line. kalau size scroll bar korang 10 korang letak 5 untuk seimbangkan line
kod hijau = jenis line boleh tukar kepada dotted
kod biru = warna bagi line

4)  Done ! Save lah kalau dah jadi .

No comments: