Kaldırılan İçerikler
Bu içeriği 1 dakika okuyabilirsiniz.
Web Sitesinde Scrollbar Değiştirme
Web sitelerinde bulunan scrollbar(kaydırma çubuğu) webmaster'ın isteğine göre kişiselleştirilebilir. Bu kişiselleştirme için birkaç css kodu kullanmak yeterlidir. Aşağıda örneğini yazdığım MasivaTurk.com scrollbar'ının kodlarını kullanarak, css yardımıyla, farklı ve yaratıcı scrollbarlar oluşturabilirsiniz.
CSS Kodları
Aşağıdaki kodu .css uzantılı stil dosyanıza kopyalamanız yeterlidir.
::-webkit-scrollbar {width:15px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {background-color: #88adbd;}
::-webkit-scrollbar-thumb:hover {box-shadow:0 0 30px 0 #000;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {background-color: #88adbd;}
::-webkit-scrollbar-thumb:hover {box-shadow:0 0 30px 0 #000;}
Kod Açıklaması
| ::-webkit-scrollbar | Scrollbar'ın kalınlığı |
| ::-webkit-scrollbar-track | Scrollbar'ın arka planı (Kaydırma çubuğunun arkasında sabit kalan kısım) |
| ::-webkit-scrollbar-thumb | Scrollbar'ın kendisi |
| ::-webkit-scrollbar-thumb:hover | Scrollbar'ın üzerine mouse ile gelindiğinde yapılacak eylem |
Sağ tarafta bulunan scrollbara bakarak önizlemeyi görebilirsiniz.
Bu içeriği MasivaTurk.com sitesini kaynak göstererek kullanabilirsiniz. İçeriklerin; MasivaTurk.com sitesi kaynak gösterilmeden herhangi bir web sayfasında, sosyal
medyada ve görsel basında yayınlanması yasaktır. Ayrıntılı bilgi için Kullanım Koşulları sayfasını okuyabilirsiniz.
29.12.2015
abi teşekkür ederim bu css kodlarını kllanıcam kendi sitemde ama sana başka bir şey sormak istiyorum
sitende reklam alanları var "90 x 90 reklam alanı" diye belirtmişsin. Buradaki bölüme google reklamları mı gelecek yoksa işletmelerin size yaptığı reklam tekliflerinden mi gelecek? özel bir soru ama merak ediyorum işletmeler reklam teklifi veriyolar mı diye?
cevplarsanız beni mutlu edersiniz. Cevaplamssanız da canınız sağolsun :)
Oldukça güzel bir uygulama. Bu kod ile siteler daha güzel bir görünüme kavuşabilirler.
Giderek daha sade bir hal almış. Ne varsa sadelikte var.
Daha önce yabancı bir blogdan bulmuştum, kodlar daha uzundu. Sizin paylaştığınız bir satır kadar. Gölge efekti ile de çok daha güzel gözüküyor, teşekkürler.