Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir? - Vektörel Çizim İndir,Vektörel Logo İndir,Kartvizit,Davetiye

Güncel Yayınlar

Post Top Ad

16 Nisan 2016 Cumartesi

Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir?


Blogun hemen sağ tarafında bulunan ve normalinden biraz farklı görünen kaydırma çubuğudur. Bildiğiniz üzere kaydırma çubukları gri renkte ve biraz kalın bir şekilde gözükmektedir. Birkaç satır kodla bu çubuğun rengini, kalınlığını vs. değiştirebilirsiniz.

Nasıl Yapılır?

  • Blogger panelinde soldaki menüden Şablon > HTML'yi Düzenle seçeneklerine tıklayınız.
  • Kodların bulunduğu alana bir kez tıkladıktan sonra Ctrl+F tuşlarına tıklayınız. Daha sonra arama yerine ]]></b:skin> yazıp Enter tuşuna tıklayınız.
  • ]]></b:skin> kodunun bir satır üzerine aşağıda vermiş olduğum CSS kodunu yapıştırınız ve Şablonu Kaydet seçeneğine tıklayınız.

CSS Kodu

 ::-webkit-scrollbar {
width:4px;
height:4px;
}
::-webkit-scrollbar-track {
background:#FFF;
}
::-webkit-scrollbar-thumb {
background:#1abc9c;
}
::-webkit-scrollbar-thumb:hover {
}
::-webkit-scrollbar-thumb:active {
background:#2c3e50;
}

CSS Kodu Kavramları

height: çubuğun kalınlığıdır ve width değeri ile aynı olmak zorundadır.
#FFF: çubuğun dışında kalan beyaz renktir.
#1abc9c: çubuktaki turkuaz renktir.
#2c3e50: çubuk basılı tutulduğunda görünen  lacivert renktir.
Dilerseniz, renk kodlarını ve px değerlerini istediğiniz gibi değiştirebilirsiniz.

Hiç yorum yok:

Yorum Gönder