WordPress ScrollBar Değiştirmek

Merhaba webmaster blogu takipçileri sizlere bu yazımda wordpress scrollbar değiştirmeyi anlatacağım bu webkit olduğundan İe ve Firefox desteklemiyor.Chromede sorunsuz çalışmaktadır.

Bilmeyenler için scrollbar sitemizin sağ kısmında bulunan sitemizin yukarı aşağı hareket etmesini sağlayan çubuktur.

Nasıl Yapacağız?

::-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.

Rengini Nasıl Değiştireceğiz?

::-webkit-scrollbar-track-piece{background-color:#DCDCDC}   (arkaplan rengi - #DCDCDC – Burası değişecek)

::-webkit-scrollbar-thumb{-webkit-border-radius:1px;background:#F5F4F4;} (scrollbar ın rengi  -#F5F4F4- değişecek)


Renk fontları şeklinde bir aramayla buna kolayca ulaşabilirsiniz.

Bu yazı: tarihinde yazılmıştır.