Hvis webstedsbesøgendes browser ikke finder nogen indikation af farvedesignet på hyperlinks i sidekoden, bruger den standardværdierne. Disse værdier er blå for passive links, røde for aktive (på svævende) links og den magenta farvefarve for allerede besøgte links. Dette farveskema er ikke altid kombineret med farveskemaet for sidedesignet, derfor er en blok med linkbeskrivelser normalt inkluderet i koden.
Instruktioner
Trin 1
Opret et sæt instruktioner til browseren, der beskriver linkfarverne i tre tilstande. For eksempel kan det se sådan ud: a: link {color: Red;}
a: besøgt {farve: gul;}
a: hover {color: Orange;} Her kaldes "a" i begyndelsen af hver linje "vælger" og specificerer det tag, som browseren skal anvende stilbeskrivelsen, der er lukket i krøllede seler. "A" er hyperlink-koden. Ordet, der føjes til vælgeren adskilt af et kolon, kaldes en "pseudoklasse" - som browseren bruger til at bestemme, hvilket link tilstand stilen i krøllede seler tilhører. link matcher et almindeligt link, besøgte et link, der allerede er besøgt, og svæver et link, når markøren svæver over det. De farver, der er tildelt farveparameteren inden i de krøllede seler, kan specificeres enten ved navnet på farvenuance eller ved dens hexadecimale kode.
Trin 2
Hvis du har brug for at tildele forskellige farver til forskellige grupper af links på siden, skal du tildele hver gruppe sin egen betegnelse ("klasse") og lave en separat beskrivelse af typografierne for hver af dem. Navngiv f.eks. En gruppe LinksRed og den anden LinksGreen. Derefter vil stilbeskrivelsen se sådan ud: a. LinksRed: link {color: Red;}
a. LinksRed: besøgte {farve: gul;}
a. LinksRed: svæver {farve: orange;} a. LinksGreen: link {farve: grøn;}
a. LinksGreen: besøgte {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Og i tags for links i hver gruppe skal du angive til hvilken klasse de tilhører. For eksempel: Rødt link
Grønt link
Trin 3
Disse instruktioner er skrevet i CSS (Cascading Style Sheets), så de skal placeres inde i et typemærke, der adskiller dem fra andre instruktioner i sidens kildekode, skrevet i HTML (HyperText Markup Language):
a. LinksRed: link {farve: rød;}
a. LinksRed: besøgte {farve: gul;}
a. LinksRed: svæver {farve: orange;} a. LinksGreen: link {farve: grøn;}
a. LinksGreen: besøgte {color: DarkGreen;}
a. LinksGreen: svæver {farve: Lime;}
Trin 4
Placer den forberedte linkbeskrivelsesblok i sidehoveddelen af sidens kildekode - den er afgrænset af tags og.
