Kaydırma çubuğu, hər hansı bir veb saytla işləməyi daha rahat və daha sürətli edən çox yönlü bir funksiyadır. Eyni zamanda, sayt sahibləri səhifələrinə yalnız faydalı deyil, eyni zamanda dizaynı səhifənin ümumi rəng sxeminə uyğun gözəl əlavələr də quraşdırmağa üstünlük verirlər. Bu yazıda, veb saytınıza rəngli bir sürüşmə çubuğunun necə qurulacağını göstərəcəyik. Bunun bir neçə yolu var və bunlardan biri də sürüşmə zolağını dəyişdirmək istədiyiniz səhifəyə quraşdırıla bilən hazır koddur.
Təlimat
Addım 1
HTML kodunu redaktə etmək və not defterinə kopyalamaq üçün səhifəni seçin.
Etiketdən sonra kodu yapışdırın:
gövdə {kaydırma çubuğu-üz rəngi: # 5997CA;
sürüşmə çubuğu-kölgə-rəng: #ffffff;
sürüşmə çubuğu-vurgulama-rəng: #ffffff;
scrollbar-3dlight-color: # 5997CA;
sürüşmə çubuğu-qaranlıq kölgə-rəng: # 5997CA;
scrollbar-track-color: # F6F6F6;
sürüşmə zolağı-ox rəngi: # F6F6F6; }
Addım 2
Kodda hər bir parametrin önündəki rəng dəyərlərini istədiyiniz kimi tənzimləyin: sürüşmə zolağının rəngi, oxun rəngi, sürüşmə zolağının arxa rəngi, sərhədlərin rəngi, çubuqları ayırmaq, və sair.
Bu ən sadə yoldur, ancaq bunun yanında bir də var - eyni kodu bir css faylı kimi sürüşmə çubuğunuzun rəng parametrləri ilə saxlayın və səhifəyə yükləyin. Bunu etmək üçün yuxarıdakı kodu not defterində etiketlər olmadan açın. Kod sənədini qeyd edin və adını scroll.css qoyun. Sonra kaydırıcıyı dəyişdirmək istədiyiniz səhifə ilə eyni yerdə serverə yükləyin.
Addım 3
HTML-də rənglərin yazılarını bilmirsinizsə, bu işarələrlə hər hansı bir cədvəl axtarın. Kodlar və rənglər arasında əlaqə qurmağınıza və veb dizaynınız üçün uyğun rəng seçməyinizə kömək edəcəkdir.
