Merhabalar bu konumuzda bir wordpress sitesinin ya da farklı bir web sitenin ScrollBar’ını değiştirmeyi göstericem.



Öncelikle nedir bu ScrollBar?

ScrollBar web sayfamızın aşağı-yukarı hareket etmesini sağlayan araçtır. Sizlere vereceğim kodlar ile bunu değiştirebilecek ve sitenize özel yapabileceksiniz. Ancak bu olay bazı tarayıcılarda çalışamayabiliyor. Örneğin Chromede sorunsuz çalışıyor iken bazen Firefoxda çalışamayabiliyor.



Geçelim anlatıma ;

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{background-color:#DCDCDC}
::-webkit-scrollbar-thumb{-webkit-border-radius:1px;background:#F5F4F4;}
}

Bu kodu style.css sayfasının en altına ekliyoruz.

Bu kod benim sitemdeki halidir. Yani kendi web sitemin renklerine uygun halde eklemiştim. Sizler bunu kendi sitenize özel hale getirebilirsiniz.



***

::-webkit-scrollbar-track-piece{background-color:#DCDCDC} Bu kırmızı alan bizlere ScrollBar’ın arkaplanın rengini vermekte. Ben gri olarak ayarladım sizler bunu değiştirebilirsiniz.



::-webkit-scrollbar-thumb{-webkit-border-radius:1px;background:#F5F4F4;} Bu mavi alan ise bizlere ScrollBar rengini vermekte. Ben bu alanı beyaz yaptım. Sizler kendi sitenize göre ayarlıyabilirsiniz.

***


Kaynak: WordPress ScrollBar Değiştirmek