Posuvník je všestranná funkcia, vďaka ktorej je práca s akýmkoľvek webovým serverom pohodlnejšia a rýchlejšia. Majitelia stránok zároveň dávajú prednosť inštalácii na svoje stránky nielen užitočných, ale aj krásnych doplnkov, ktoré ladia s dizajnom k celkovej farebnej schéme stránky. V tomto článku vám ukážeme, ako nainštalovať farebný posúvač na svoj web. Existuje niekoľko spôsobov, ako to urobiť, a jedným z nich je pripravený kód, ktorý je možné nainštalovať na ľubovoľnú stránku, na ktorej chcete zmeniť posúvač.
Inštrukcie
Krok 1
Vyberte stránku, ktorú chcete upraviť, a skopírujte jej kód HTML do poznámkového bloku.
Za značku vložte kód:
body {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
posuvník-3dlight-color: # 5997CA;
posuvník-tmavý tieň-farba: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Krok 2
V kóde upravte podľa potreby hodnoty farieb pred každým parametrom: farbu posúvača, farbu šípky, farbu pozadia posúvača, farbu okrajov, oddeľovanie pruhov, a tak ďalej.
Toto je najjednoduchší spôsob, ale okrem neho existuje ešte jeden - uložte rovnaký kód s nastaveniami farieb posuvného pruhu ako súbor css a načítajte ho na stránku. Ak to chcete urobiť, otvorte vyššie uvedený kód bez značiek v poznámkovom bloku. Uložte súbor s kódom a pomenujte ho scroll.css. Potom nahrajte na server na rovnakom mieste ako stránka, na ktorej chcete zmeniť posúvač.
Krok 3
Ak nepoznáte písmo farieb v HTML, vyhľadajte na internete tabuľku s týmito symbolmi. Pomôže vám zosúladiť kódy a farby a zvoliť správnu farbu pre návrh vášho webu.