Kaydırma Çubuğu Özelleştirme Kodu

Kaydırma çubuğunu bir diğer adı ile scroll barı daha modern ,  estetik , göze güzel gelen ve sitenizin tasarımına uygun bir renk ile özelleştirebilirsiniz.

Kaydırma Çubuğu Özelleştirme ve Renklendirme

Aşağıda ki kodda Kaydırma Çubuğu Özelleştirme Kodunu istediğiniz gibi renklendirebilirsiniz. Bunun için html renk editörü ile seçeceğiniz rengi  kaydırma çubuğu özelleştirme kodunda yer alan #ff0000 yazan yere seçtiğiniz rengin Html renk kodunu girerek kaydırma çubuğunu istediğiniz renkler verebilirsiniz.

KAYDIRMA ÇUBUĞU (SCROLLBAR) ÖZELLEŞTİRME kodu

Aşağıdaki Kaydırma Çubuğu Özelleştirme kodunu sitenize ekleyebilirsiniz.

::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background-color:transparent;} ::-webkit-scrollbar-thumb {background-color: #ff0000;border-radius:5px} ::-webkit-scrollbar-thumb:hover {box-shadow:0 0 30px 0 #000;}

Kaydırma Çubuğu Özelleştirme Kodu bu şekilde gözükecektir.

Kaydırma Çubuğu Kodu Önizlemesi

Kaydırma Çubuğu (ScrollBar) Özelleştirme Kodu Nereye Ve Nasıl Eklenir?

Kodların Nereye ve Nasıl Ekleneceği Talimatlarını Gör

➀ Blogger Sol tarafta bulunan Kontrol Paneline girin.

➁  Tema yazan bölüme tıklayın.

➂  Html'yi Düzenle yazan yere tıklayın.

➃ Ctrl+F Tuşları ile koldar içinde arama yapın.

➄ ]]></b:skin>kodunu kopyalayın.

➅  Arama Kısmına ]]></b:skin> kodunu  yapıştırın.

➆  Bu kodun üst kısmına kullanmak istediğiniz kodu yapıştırın.

➇  Temayı kaydedin.

Bu yazı ile ilgili düşüncelerinizi yorum yaparak belirtebilirsiniz.

Benzer Yayınlar

Kaydırma Çubuğu Özelleştirme Kodu

4/ 5

Oleh admin