Ako pregledač posjetitelja web stranice ne pronađe nikakve naznake dizajna boja hiperveza u kodu stranice, tada koristi zadane vrijednosti. Ove vrijednosti su plave za pasivne veze, crvene za aktivne (pri zadržavanju) i magenta boje za već posjete veze. Ova shema boja nije uvijek kombinirana sa shemom boja dizajna stranice, stoga je blok opisa stilova veze obično uključen u kod.
Instrukcije
Korak 1
Stvorite set uputa za preglednik koji će opisati boje veze u tri stanja. Na primjer, može izgledati ovako: a: link {color: Red;}
a: posjećeno {boja: žuta;}
a: hover {color: Orange;} Ovdje se "a" na početku svakog retka naziva "selektor" i određuje oznaku na koju pretraživač treba primijeniti opis stila zatvoren u zavojnim zagradama. "A" je oznaka hiperveze. Riječ dodana u selektor odvojen dvotačkom naziva se "pseudo-klasa" - koju pretraživač koristi da bi odredio kojem stanju veze pripada stil u kovrčavim zagradama. link se podudara sa uobičajenom vezom, posjetio je vezu koja je već posjećena i zadržite vezu kada kursor lebdi iznad nje. Boje dodijeljene parametru boje unutar kovrčavih zagrada mogu se odrediti ili nazivom nijanse boje ili njenim heksadecimalnim kodom.
Korak 2
Ako trebate dodijeliti različite boje različitim grupama veza na stranici, dodijelite svakoj grupi 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 {boja: Žuta;}
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 veza
Korak 3
Ove upute napisane su u CSS-u (kaskadni tabeli stilova), pa ih treba smjestiti unutar oznake stila koja ih odvaja od ostalih uputa u izvornom kodu stranice, napisanih u HTML-u (jezik za označavanje hiperteksta):
a. LinksRed: link {color: Red;}
a. LinksRed: posjećeno {boja: Žuta;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: posjećeno {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Korak 4
Stavite pripremljeni blok opisa stila veze u zaglavni dio izvornog koda stranice - on je razgraničen oznakama i.
