Scrollbarınızı renklendirmek istiyorsanız bu ders size çok yardımcı olacaktır.
Kod Alanı: |
body {
scrollbar-arrow-color: #547741;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
background-color: transparent;
} |
|
Açıklamaları:
scrollbar-arrow-color: Scrollbar alt ve üst okunun rengi
scrollbar-face-color: Mouse ile aşağı yukarı kaydırmak için dokunduğumuz yer
scrollbar-3dlight-color:Mouse ile dokunduğumuz yerin yanındaki dış kısım ( Açık renklerin olacağı kısım ) Gölge gibi düşünebiliriz.
scrollbar-darkshadow-color: Bu kısım da gölgedir ve scrollbarın koyu renk gölgesini temsil eder.
scrollbar-shadow-color: Bu kısım da gölgedir ve scrollbarın açık renk gölgesini temsil eder.
scrollbar-track-color: Yukarı aşağı kaydırdığımız zaman yukarı oku ya da aşağı oku ile kaydırdığımız yer arasındaki boşluk kısım
background-color: Arkaplan rengi
Yukarda yer alan kodu direk olarak CSS dosyanıza koyabileceğiniz gibi ayrıca HTML sayfanızda;
tagları arasında veya
tagları arasında rahatça çalıştırabilirsiniz
|