Scollbar (Kaydırma Çubuğu) Değiştirme

Bu eklenti ile sitenizin daha şık görünmesini sağlayabilirsiniz. Eklenti yan tarafta bulunan scrollbar ( kaydırma çubuğu ) değiştirmeye yarıyor. Eklentinin önizlemesi ve kodu aşağıda mevcuttur. Hemen anlatıma geçeyim.

Demo

Ekle

 İlk olarak şablondan aşağıdaki kodu buluyoruz.

]]></b:skin> 
Bulduğumuz kodun hemen üstüne aşağıdaki kodları ekliyoruz. 

İşlem bu kadar. Yapamayan arkadaşlar olursa yorum formundan sorunlarını yazabilirler


::-webkit-scrollbar-thumb:active{background:#ddd;border:1px solid #aaa} ::-webkit-scrollbar{width:18px;height:13px;} ::-webkit-scrollbar-track-piece{background:#eee;} ::-webkit-scrollbar-button:vertical:decrement{background:#eee url(https://lh5.googleusercontent.com/-9sRhJLFk3hA/Ua4rzydT4QI/AAAAAAAAFes/zKHkcFgnX_w/s7/scrollbar_up.png) no-repeat center} ::-webkit-scrollbar-button:vertical:increment{background:#eee url(https://lh5.googleusercontent.com/-jDFqPO1CnCk/Ua4rz9Iz64I/AAAAAAAAFe4/2SinBR_tMag/s7/scrollbar_down.png) no-repeat center} ::-webkit-scrollbar-thumb{background:#ccc url(https://lh6.googleusercontent.com/-ehuGtDaibk4/Ua4rz9bICbI/AAAAAAAAFew/7_rd2wPkDAs/s9/scrollbar_center.gif) no-repeat center center} ::-webkit-scrollbar-thumb:hover{background:#ccc url(https://lh6.googleusercontent.com/-ehuGtDaibk4/Ua4rz9bICbI/AAAAAAAAFew/7_rd2wPkDAs/s9/scrollbar_center.gif) no-repeat center center}

Gönderiyi Paylaş

Tweet

Ankara Beyi

Android Kralı