Home »

WordPress ScrollBar Değiştirmek

13 Aralık 2013 Cuma
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.

scrollbar

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

Comments[ 0 ]


Yorum Gönder