Ako preglednik posjetitelja web stranice ne pronađe nikakve naznake dizajna boja hiperveza u kodu stranice, tada koristi zadane vrijednosti. Te su vrijednosti plave za pasivne veze, crvene za aktivne (pri zadržavanju) i magenta boje za već posjećene veze. Ova shema boja nije uvijek kombinirana sa shemom boja dizajna stranice, stoga je blok opisa stilova veze obično uključen u kod.
Upute
Korak 1
Stvorite set uputa za preglednik koji će opisati boje veza u tri stanja. Na primjer, može izgledati ovako: a: link {color: Red;}
a: posjetio {boja: žuta;}
a: hover {color: Orange;} Ovdje se "a" na početku svakog retka naziva "selektor" i određuje oznaku na koju bi preglednik trebao primijeniti opis stila zatvoren u zavojnim zagradama. "A" je oznaka hiperveze. Riječ dodana u selektor odvojen dvotačkom naziva se "pseudo-klasa" - koju preglednik koristi da bi odredio kojem stanju veze pripada stil u kovrčavim zagradama. link se podudara s uobičajenom vezom, posjetio je vezu koja je već posjećena i zadržite vezu kad se kurzor zadrži iznad nje. Boje dodijeljene parametru boje unutar kovrčavih zagrada mogu se odrediti ili nazivom nijanse boje ili njezinim heksadecimalnim kodom.
Korak 2
Ako trebate dodijeliti različite boje različitim skupinama veza na stranici, tada svakoj grupi dodijelite svoju oznaku ("klasa") i za svaki od njih napravite zasebni opis stilova. Na primjer, imenujte jednu grupu LinksRed, a drugu LinksGreen. Tada će opis stila izgledati ovako: a. LinksRed: link {color: Red;}
a. LinksRed: posjećeno {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: posjećeno {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} I u oznakama veza svake grupe morate navesti kojoj klasi pripadaju. Na primjer: Crvena veza
Zelena poveznica
3. korak
Ove su upute napisane u CSS-u (Cascading Style Sheets), pa ih treba smjestiti unutar oznake stila koja ih odvaja od ostalih uputa u izvornom kodu stranice, napisanih u HTML-u (HyperText Markup Language):
a. LinksRed: link {color: Red;}
a. LinksRed: posjećeno {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: posjećeno {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
4. korak
Stavite pripremljeni blok opisa stila veze u zaglavni dio izvornog koda stranice - on je omeđen oznakama i.
