Tutorial : Scrollbar

Assalamualaikum ,

Harini kita belajar cara buat scrollbar . Apa itu scroll bar ? Scroll bar ialah bende yang boleh turun naik tu . Faham ? So , scroll bar ialah 



First step :



dashboard > design > edit HTML *tick expand widget templates 




2nd step :

Cari code ini dengan menekan F3 / CTRL + F




]]></b:skin>




3rd step :

Paste code dibawah di ATAS code }}></b:skin>



::-webkit-scrollbar {
height:12px;
width: 12px;
background: #848586;
}
::-webkit-scrollbar-thumb {
background-color: #b0c6e4;
-moz-border-radius: 10px;
border-radius: 10px;
}


Teka tekinyaaa ..



Warna Merah : untuk yang background scroll thumb yg besar tu ..

Warna Biru : untuk scroll thumb yang kecik tu

Untuk mencari kod warna disinicolour code <

No comments:

Post a Comment