CSS ile Scrollbar Görünümünü Değiştirelim

Scrollbarınızı renklendirmek istiyorsanız buyrun.

Scrollbarınızı renklendirmek istiyorsanız buyrun.

Kodumuz:


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;

}




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


<head> </head>



taglarının arasında olmak üzere:


<style></style>



taglarının arasına yerleştirip de çalıştırabilirsiniz.

Kolay gelsin...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Ellerine sağlık ;)
Güzel açıklamışsın eline sağlık.
XHTML 1.0'de çalışmıyor.
olmuyor. birkaç kişden daha aldım uyguladım olmadı...:sasir:
Yalnızca ie6 ve berisi destekliyor.. ie7 desteklemiyordu yanlış hatırlamıyorsam... :D
hiç bir işe yaramıyor
Explorer 9 da çalışıyor. Denedim. Ancak firefox ve google chromde çalışmıyor.

Yukarı Git