Atribuuti Cascading Style Sheets (CSS) kasutatakse kõige sagedamini veebilehtede hüperlinkide värvi muutmiseks. Vähem funktsionaalsed lahendused sellele probleemile on HTML-keeles (HyperText Markup Language - "hüperteksti märgistuskeel").
See on vajalik
Põhiteadmised HTML- ja CSS-keeltest
Juhised
Samm 1
Valmistage hüperlinkide jaoks ette stiiliplokk. Lihtsamas vormis võib see välja näha järgmine: {color: Green} Siin nimetatakse "a" nime "valija", mis näitab, et sulgudes olevaid stiilikirjeldusi tuleks rakendada kõigile dokumendi lingimärgenditele. Roheline määratleb lingi värvi; see on värvi väga karm määratlus ja seda kasutatakse harva. Palju sagedamini lisatakse valikule "a" "pseudoklass" - see on silt, mis võimaldab teil määrata lingi stiili kolmes erinevas olekus.
2. samm
Lingi normaalse (passiivse) oleku kujundamiseks kasutage lingi pseudoklassi. See võib välja näha näiteks: a: link {color: Green}
3. samm
Kasutage pseudoklassi hõljukit, et määrata, kuidas link kursoril peaks ilmuma. Näiteks: a: hõljutage {color: Lime}
4. samm
Kasutage külastatud pseudoklassi juba külastatud lingi stiili kirjeldamiseks. Näiteks: a: külastatud {color: DarkGreen}
5. samm
Ühendage kõik kolm olekut üheks stiilikirjelduse plokiks. CSS-i stiilide kirjeldusi sisaldava HTML-koodi välimus võib näiteks välja näha järgmine:
a: link {värv: roheline}
a: külastatud {color: DarkGreen}
a: hõljutage {color: Lime}
Siin ütlevad HTML-i algus- ja sulgemismärgendid brauserile, kus stiilikirjeldused algavad ja lõpevad ning nende vahel on linkide käitumise kirjeldus kolmes olekus.
6. samm
Eespool kasutatud näidis näitab ainult värviomadusi, kuid kirjeldusse võib lisada muid atribuute. Näiteks kui lehe kujundus nõuab, et link ei oleks tavalises (passiivses) olekus alla kriipsutatud, vaid kursori kohal hõljutades allajoonitud, siis saab koodi muuta järgmiselt:
a: link {värv: roheline; teksti kaunistamine: puudub;}
a: külastatud {color: DarkGreen; teksti kaunistamine: puudub;}
a: hõljuv {värv: lubi; teksti kaunistamine: allajoonimine;}
7. samm
Kui soovite muuta ainult mõne lehe lingi värvi ja jätta ülejäänud vaikesätetele, lisage iga muudetava lingi sildile atribuut class. Näiteks nimetage see hüperlingiklass newLinks. Siis võib lingi silt välja näha järgmine: tekstilink Stiilikirjeldusele tuleb lisada sama klassi nimi:
a.newLinks: link {värv: roheline; teksti kaunistamine: puudub;}
a.newLinks: külastatud {värv: DarkGreen; teksti kaunistamine: puudub;}
a.newLinks: hover {värv: Lime; teksti kaunistamine: allajoonimine;}
8. samm
Pange ülalkirjeldatud näidetest valmistatud stiilikirjelduskood lehe päisesse ja siltide vahele. Vajadusel lisage lingi siltidele klassi atribuut koos stiilikirjeldustes kasutatud nimega. Seejärel salvestage muudetud leht ja hüperlinkide värvi muutmise protseduur viiakse lõpule.
