Kaydırma Çubuğu (Scroll Bar Rengi değiştirme) Blogger & WordPress

Bu yazımda css kullanarak web sitenizin, kaydırma çubuğu rengini nasıl değiştireceğinizi anlatacağım. Yapmanız gereken tek şey aşağıdaki kodu web sitenizin css kodlarının olduğu bölüme eklemek olacaktır.

Eğer blogger/blogspot servisini kullanıyorsanız aşağıdaki kodu ]]></b:skin> kodunun önüne eklemek olacaktır. WordPress kullanıcıları ise,  Görünüm > Düzenleyici > style.css yolunu izleyerek css kodlarını buraya ekleyebilirsiniz. Genel olarak style.css adında olur fakat, bu isim değişiklikte gösterebilir.

::-webkit-scrollbar {
width: 10px;
background-color: #0066FF;
border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
background-color: #006699;
}
::-webkit-scrollbar-thumb:hover {
background-color: #000066;
}

–webkit-scrollbar: Scrollbarın rengi. (beyaz olan arkaplan).
-webkit-scrollbar-thumb: kaydırma çubuğunun rengini değiştirmek için bu bölümü değiştirin.
-webkit-scrollbar-thumb:hover: kaydırma çubuğunun üzerine tıklayınca rengi ve boyutunu düzenle.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir