Posuvník je univerzální funkce, díky níž je práce s jakýmkoli webem pohodlnější a rychlejší. Současně majitelé stránek dávají přednost instalaci na své stránky nejen užitečných, ale také krásných doplňků, které odpovídají designu celkovému barevnému schématu stránky. V tomto článku vám ukážeme, jak na svůj web nainstalovat barevný posuvník. Existuje několik způsobů, jak toho dosáhnout, a jedním z nich je hotový kód, který lze nainstalovat na libovolnou stránku, na které chcete změnit posuvník.
Instrukce
Krok 1
Vyberte stránku, kterou chcete upravit, a zkopí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-darkshadow-color: # 5997CA;
posuvník-stopa-barva: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Krok 2
V kódu upravte hodnoty barev před každým parametrem, jak si přejete: barvu posuvníku, barvu šipky, barvu pozadí posuvníku, barvu okrajů, oddělující pruhy, a tak dále.
Toto je nejjednodušší způsob, ale kromě toho existuje ještě jeden - uložte stejný kód s nastavením barev posuvníku jako soubor css a načtěte jej na stránku. Chcete-li to provést, otevřete výše uvedený kód bez značek v poznámkovém bloku. Uložte soubor s kódem a pojmenujte jej scroll.css. Poté nahrajte na server na stejném místě jako stránka, na které chcete změnit posuvník.
Krok 3
Pokud neznáte písma barev v HTML, vyhledejte na internetu jakoukoli tabulku s těmito symboly. Pomůže vám korelovat kódy a barvy a vybrat správnou barvu pro návrh vašeho webu.
