Če brskalnik obiskovalca spletnega mesta v kodi strani ne najde nobenega znaka barvnega oblikovanja hiperpovezav, potem uporabi privzete vrednosti. Te vrednosti so modre za pasivne povezave, rdeče za aktivne (pri lebdenju) povezave in barva magenta za že obiskane povezave. Ta barvna shema ni vedno kombinirana z barvno shemo oblikovanja strani, zato je v kodo običajno vključen blok opisov slogov povezav.
Navodila
Korak 1
Ustvarite nabor navodil za brskalnik, ki bo opisal barve povezav v treh stanjih. Na primer, lahko je videti tako: a: link {color: Red;}
a: obiskan {color: Yellow;}
a: hover {color: Orange;} Tu se "a" na začetku vsake vrstice imenuje "izbirnik" in določa oznako, na katero naj brskalnik uporabi opis sloga, zavit v zavite oklepaje. "A" je oznaka hiperpovezave. Beseda, dodana izbirniku, ločenem z dvopičjem, se imenuje "psevdorazred" - brskalnik uporablja za določanje, kateremu stanju povezave pripada slog v zavihkih. Povezava se ujema z običajno povezavo, obiskala je že obiskano povezavo in premaknila miškin kazalec, ko se miška premakne nanjo. Barve, dodeljene barvnemu parametru znotraj zavitih oklepajev, lahko določite bodisi z imenom barvnega odtenka bodisi z njegovo šestnajstiško kodo.
2. korak
Če morate različnim skupinam povezav na strani dodeliti različne barve, vsaki skupini dodelite lastno oznako ("razred") in za vsakega posebej dodajte sloge. Poimenujte na primer eno skupino LinksRed in drugo LinksGreen. Potem bo opis sloga videti tako: a. LinksRed: link {color: Red;}
a. LinksRed: obiskano {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: obiskano {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} In v oznakah povezav posamezne skupine morate navesti, kateremu razredu pripadajo. Na primer: rdeča povezava
Zelena povezava
3. korak
Ta navodila so napisana v CSS (Cascading Style Sheets), zato jih je treba umestiti v slogno oznako, ki jih ločuje od drugih navodil v izvorni kodi strani, napisane v HTML (HyperText Markup Language)):
a. LinksRed: link {color: Red;}
a. LinksRed: obiskano {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: obiskano {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
4. korak
Pripravljeni blok opisa sloga povezave postavite v zaglavni del izvorne kode strani - ločen je z oznakama in.
