10 January 2012

Tutorial | Scroll Bar With Line |


Tuto ini hanya untuk pengguna Google Chrome sahaja. Sebelum tu korang kena ada scroll bar berwarna terlebih dahulu. Kalau tak ada boleh ikut tuto sini atau sini. Contoh line ada kat bawah atau boleh tengok scroll bar yana.  



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) Preview dan Save 
Terima kasih sudi baca. Like kalau suka

0 suka ayam goreng:

>
 
copyright by > Cikelyana