Atribut Cascading Style Sheets (CSS) se najpogosteje uporablja za spreminjanje barve hiperpovezav na spletnih straneh. Manj funkcionalne rešitve te težave so v jeziku HTML (HyperText Markup Language - "hipertekstni označevalni jezik").
Potrebno je
Osnovno znanje jezikov HTML in CSS
Navodila
Korak 1
Pripravite blok za oblikovanje hiperpovezav. V najpreprostejši obliki je lahko videti takole: {barva: zelena} Tu se "a" imenuje "izbirnik", kar pomeni, da je treba opis sloga v oklepajih uporabiti za vse oznake povezav v dokumentu. Zelena določa barvo povezave; to je zelo groba opredelitev barve in se le redko uporablja. Veliko pogosteje se v izbirnik "a" doda "psevdorazred" - to je oznaka, ki vam omogoča, da določite slog povezave v treh različnih stanjih.
2. korak
Uporabite psevdorazred povezave za oblikovanje običajnega (neaktivnega) stanja povezave. Lahko je videti tako, na primer: a: link {color: Green}
3. korak
Z lebdenjem psevdorazreda določite, kako naj bo povezava prikazana pri lebdenju. Na primer: a: hover {color: Lime}
4. korak
Z obiskanim psevdorazredom opišite slog že obiskane povezave. Na primer: a: obiskan {color: DarkGreen}
5. korak
Vse tri države združite v en blok za opis sloga. Videz kode HTML, ki vsebuje opise slogov CSS, je lahko na primer videti tako:
a: link {barva: zelena}
a: obiskan {color: DarkGreen}
a: hover {barva: apno}
Tu odpiralne in zapiralne oznake sloga HTML brskalniku povedo, kje se opisi slogov začnejo in končajo, med njimi pa je opis vedenja povezav v treh stanjih.
6. korak
Zgornji vzorec prikazuje samo barvne značilnosti, v opis pa je mogoče vključiti tudi druge atribute. Če na primer oblikovanje strani zahteva, da povezava ni podčrtana v običajnem (neaktivnem) stanju, ampak podčrtana, ko kazalec miške premaknete, lahko kodo spremenite na naslednji način:
a: link {barva: zelena; okrasitev besedila: nobena;}
a: obiskan {color: DarkGreen; okrasitev besedila: nobena;}
a: hover {barva: apno; okrasitev besedila: podčrtaj;}
7. korak
Če želite spremeniti barvo samo nekaterih povezav na strani, ostale pa pustite s privzetimi nastavitvami, dodajte atribut razreda oznaki vsake spremenjene povezave. Na primer, imenujte ta razred hiperpovezav newLinks. Potem je lahko oznaka povezave videti tako: besedilna povezava V opis sloga je treba dodati isto ime razreda:
a.newLinks: link {color: Green; okrasitev besedila: nobena;}
a.newLinks: obiskano {color: DarkGreen; okrasitev besedila: nobena;}
a.newLinks: hover {color: Lime; okrasitev besedila: podčrtaj;}
8. korak
Kodo opisa sloga, pripravljeno iz zgoraj opisanih primerov, postavite v glavo strani - med oznaki in. Po potrebi dodajte oznako povezave atributu razreda z imenom, uporabljenim v opisih slogov. Nato shranite spremenjeno stran in postopek za spreminjanje barve hiperpovezav bo končan.
