Tutor 4 :Scroll bar berwarna

request nie daripada kawan Zima



 hey!!!....kalau sesipa tak tahu apa tue scrollbar....lihat jer image atas tue....kalau tak nampak click jer image tue ....

Ok...sesiapa nak tahu macam mana buat scrollbar....macam nie....


* Dashdboard > Template > Edit HTML > Tick expand widget templates
* Tekan CTRL+F or F3 >>> akan keluar kotak kecil di atas sebelah kanan
* Then cari kod nie....pastekan  yang Ima suruh tekan tadi

]]></b:skin>

   *copy kod di bawah nie and pastekan di atas code ]]></b:skin>


::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ffffff;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
}


Red:warna untuk background scroll bar (belakang scrollbar)
Purple:Warna untuk scroll bar (scroll bar)
Green: Warna border 

 * DOne....preview and save

Peringatan:
>>Code warna boleh cari dekat SINI
>>Scroll bar hanya berfungsi di GOOGLE CHROME sahaja


No comments :