lostyazilim
tr.link

WordPress ScrollBar Değiştirmek

3 Mesajlar 1.729 Okunma
acebozum
tr.link

MertBalci MertBalci WM Aracı Kullanıcı
  • Üyelik 07.10.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek .
  • Konum Diğer
  • Ad Soyad M** B**
  • Mesajlar 2345
  • Beğeniler 758 / 757
  • Ticaret 434, (%100)



Merhabalar bu konumuzda bir wordpress sitesinin ya da farklı bir web sitenin ScrollBar’ını değiştirmeyi göstericem.



Öncelikle nedir bu ScrollBar?

ScrollBar web sayfamızın aşağı-yukarı hareket etmesini sağlayan araçtır. Sizlere vereceğim kodlar ile bunu değiştirebilecek ve sitenize özel yapabileceksiniz. Ancak bu olay bazı tarayıcılarda çalışamayabiliyor. Örneğin Chromede sorunsuz çalışıyor iken bazen Firefoxda çalışamayabiliyor.



Geçelim anlatıma ;

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

Bu kod benim sitemdeki halidir. Yani kendi web sitemin renklerine uygun halde eklemiştim. Sizler bunu kendi sitenize özel hale getirebilirsiniz.



***

::-webkit-scrollbar-track-piece{background-color:#DCDCDC} Bu kırmızı alan bizlere ScrollBar’ın arkaplanın rengini vermekte. Ben gri olarak ayarladım sizler bunu değiştirebilirsiniz.



::-webkit-scrollbar-thumb{-webkit-border-radius:1px;background:#F5F4F4;} Bu mavi alan ise bizlere ScrollBar rengini vermekte. Ben bu alanı beyaz yaptım. Sizler kendi sitenize göre ayarlıyabilirsiniz.

***


Kaynak: WordPress ScrollBar Değiştirmek
 

 

wmaraci
reklam

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
Güzel fakat IE desteklemiyor değil mi? WebKit olduğundan yani.
 

 

MertBalci MertBalci WM Aracı Kullanıcı
  • Üyelik 07.10.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek .
  • Konum Diğer
  • Ad Soyad M** B**
  • Mesajlar 2345
  • Beğeniler 758 / 757
  • Ticaret 434, (%100)

Onur89TR adlı üyeden alıntı

Güzel fakat IE desteklemiyor değil mi? WebKit olduğundan yani.


Aynen konuda da belirttim iede ve firefoxda çalışamıyor. Ama chromede sorunsuz çalışıyor.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al