Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
   
Konu: Css İle Scrollbar Rengini Değiştirme
MECZUP
*
avatar
Binbaşı
Durum: Çevrimdışı
Seviye Puanı: 29
Yaşam Puanı: 715 / 715
Deneyim: 62 / 100
Rep Sayısı: 41
Mesaj Sayısı: 1146
Üyelik Tarihi: 18.12.2017
      
Yorum: #1
Css İle Scrollbar Rengini Değiştirme
20.12.2018 22:58
Merhaba değerli cyberizm üyeleri . Şimdi sizlere web sitesine güzel bir görünüm katan scrollbar renklendirme olayından bahsedeceğim . Zaten bu forum sitemizdede mevcut hemen sağa bakarsanız .Herneyse geçelim

Kısaca kullanacaklarımız şu şekilde :

--webkit-scrollbar : Scrollbarın rengi .(Beyaz olan arkaplan kısmı)
--webkit-scrollbar-thumb : Scroll kısmı .
--webkit-scrollbar-thumb:hover : Scrollun üzerine geldiğimizde alacağı renk .

Örneğin forum sitemizin scrollbar kodlarına bakacak olursak

Kod:
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: maroon;
}
::-webkit-scrollbar-track {
    background-color: #5b5a5a;
}

İsterseniz :hover kullanarak üstüne geldiğinde farklı bir renk almasınıda sağlayabiliriz .

Alıp nereye yerleştireceğinizi zaten biliyorsunuzdur bu konuyu okuorsanız .Cigara


Selametle iyi forumlar .Coffee

Meczup Official

VarsaYoksa Cyberizm
Alinti



1 Ziyaretçi