Kaydırma çubuğu, herhangi bir web sitesiyle çalışmayı daha kolay ve daha hızlı hale getiren çok yönlü bir işlevdir. Aynı zamanda, site sahipleri sayfalarına yalnızca yararlı değil, aynı zamanda tasarımı sayfanın genel renk şemasına uygun güzel eklentiler yüklemeyi tercih ediyor. Bu yazıda, web sitenize renkli bir kaydırma çubuğunun nasıl kurulacağını göstereceğiz. Bunu yapmanın birkaç yolu vardır ve bunlardan biri, kaydırma çubuğunu değiştirmek istediğiniz herhangi bir sayfaya yüklenebilen hazır bir koddur.
Talimatlar
Aşama 1
Düzenlenecek sayfayı seçin ve HTML kodunu not defterine kopyalayın.
Etiketten sonra kodu yapıştırın:
gövde {kaydırma çubuğu-yüz rengi: # 5997CA;
kaydırma çubuğu-gölge rengi: #ffffff;
kaydırma çubuğu vurgu rengi: #ffffff;
kaydırma çubuğu-3dlight-color: # 5997CA;
kaydırma çubuğu-karanlık-renk: # 5997CA;
scrollbar-track-color: # F6F6F6;
kaydırma çubuğu-ok-renk: # F6F6F6; }
Adım 2
Kodda her parametrenin önündeki renk değerlerini istediğiniz gibi ayarlayın: kaydırma çubuğunun rengi, okun rengi, kaydırma çubuğunun arka plan rengi, kenarlıkların rengi, çubukları ayırma, ve benzeri.
Bu en basit yoldur, ancak bunun yanında bir tane daha var - kaydırma çubuğu renk ayarlarınızla aynı kodu bir css dosyası olarak kaydedin ve sayfaya yükleyin. Bunu yapmak için yukarıdaki kodu etiketsiz olarak not defterinde açın. Kod dosyasını kaydedin ve scroll.css olarak adlandırın. Ardından kaydırma çubuğunu değiştirmek istediğiniz sayfa ile aynı yerde sunucuya yükleyin.
Aşama 3
HTML'deki renklerin harflerini bilmiyorsanız, bu sembollere sahip herhangi bir tablo için İnternet'te arama yapın. Kodları ve renkleri ilişkilendirmenize ve web sitenizin tasarımı için doğru rengi seçmenize yardımcı olacaktır.
