Kui veebisaidi külastaja brauser ei leia lehekoodist mingeid viiteid hüperlinkide värvikujundusele, kasutab see vaikeväärtusi. Need väärtused on passiivsete linkide puhul sinised, aktiivsete (hõljumisel) linkide jaoks punased ja juba külastatud linkide magenta värvitooniga. Seda värvilahendust ei kombineerita alati lehekujunduse värvilahendusega, seetõttu lisatakse koodi tavaliselt linkide stiilide kirjelduste plokk.
Juhised
Samm 1
Looge brauseri jaoks juhiste komplekt, mis kirjeldab lingi värve kolmes olekus. Näiteks võib see välja näha järgmine: a: link {color: Red;}
a: külastatud {värv: kollane;}
a: hõljutage {color: Orange;} Siin nimetatakse iga rea alguses olevat "a" "valijaks" ja see määrab sildi, millele brauser peaks lokkisulgudes oleva stiilikirjelduse rakendama. "A" on hüperlingi silt. Kooloniga eraldatud valijasse lisatud sõna nimetatakse "pseudoklassiks" - mida brauser kasutab selleks, et määrata, millisesse lingi olekusse stiil lokkis traksidega kuulub. link vastab tavalisele lingile, külastas juba külastatud linki ja hõljutage kursorit, kui kursor selle kohal hõljub. Värvilistele parameetritele lokkis breketite sees määratud värve saab määrata kas värvitooni nime või selle kuueteistkümnendsüsteemi koodiga.
2. samm
Kui peate lehe erinevatele linkide rühmadele määrama erinevad värvid, määrake siis igale rühmale oma tähistus ("klass") ja tehke nende jaoks eraldi stiilide kirjeldus. Näiteks nimetage üks rühm LinksRed ja teine LinksGreen. Siis näeb stiilikirjeldus välja selline: a. LinksRed: link {color: Red;}
a. LinkRed: külastatud {värv: kollane;}
a. LinksRed: hõljutage {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinkGreen: külastatud {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Ja iga rühma linkide siltides peate märkima, millisesse klassi nad kuuluvad. Näiteks: punane link
Roheline link
3. samm
Need juhised on kirjutatud CSS-is (Cascading Style Sheets), mistõttu tuleb need paigutada stiilisildi sisse, mis eraldab need lehe lähtekoodi teistest HTML-i (HyperText Markup Language) kirjutatud juhistest:
a. LinkRed: link {värv: punane;}
a. LinkRed: külastatud {värv: kollane;}
a. LinksRed: hõljutage {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinkGreen: külastatud {color: DarkGreen;}
a. LinksGreen: hõljutage {color: Lime;}
4. samm
Pange ettevalmistatud lingistiili kirjelduseplokk lehe lähtekoodi päiseossa - seda piiravad märgendid ja.
