Spodaj so opisani koraki za spreminjanje barve povezav, prikazanih na vaši spletni strani z uporabo HTML in CSS. Čeprav je mogoče barve povezave narediti z oznako HTML BODY, vedno priporočamo, da v CSS nastavite styling, kot je prikazano spodaj.

Nasvet: Pri določanju barve katerega koli elementa spletne strani boste morda morali uporabiti HTML barvne kode. Pri večjih barvah lahko določite tudi imena teh barv, namesto da uporabite barvne kode, na primer rdečo, modro, zeleno in črno, namesto da uporabite njihove spoštovane barvne kode.

Razumevanje različnih vrst hiperpovezav

Hiperpovezave so posebni elementi na vaši strani, ker so interaktivni. Da bi pokazali, da so interaktivni, so različno obarvani glede na njihovo stanje. Hiperpovezava ima poleg prvotne barve tri posebne barve, ki predstavljajo tri različne države:

1. Obiskana povezava - barva po obisku povezave. Če je ta barva hiperpovezave, lahko uporabnik pričakuje, da jih bo klikanje na povezavo pripeljalo na stran, ki ste jo že videli.
2. Hover link - Barva, ko se miška premika preko povezave. Če je hiperpovezava ta barva, lahko uporabnik pričakuje, da bo pritisk na levi gumb miške (klikanje), nato sprostitev gumba povzročil obisk povezave. Barva za hover je enaka za aktivne in obiskane povezave.
3. Aktivna povezava - barva povezave, ko se klikne. Ko uporabnik vidi to barvo, lahko pričakuje, da bo sprostitev gumba miške povzročila, da brskalnik obišče povezavo.

Nasvet: Za nadaljnje informacije in povezana vprašanja do hiperpovezav si oglejte našo hiperpovezavo.

Primer barvne povezave CSS

V spodnjem primeru CSS nastavljamo barve hiperpovezav, da bodo podobne temu, kar je prikazano na tej strani. Najprej so vsa sidra nastavljena na # 2c87f0 (odtenek modre barve), # 636 na vijolično barvo, vse barve hover in aktivnih povezav: # c33 (rdeča). Spodnjo kodo lahko dodate elementu sloga CSS ali datoteki .css.

 a {barva: # 2c87f0; } a: obiskano {color: # 636; } a: hover, a: aktivno, a: fokus {barva: # c33; } 

Če vaša stran ne uporablja CSS ali ne želite pretvoriti v CSS, spodaj so koraki, kako to storiti v oznaki BODY v HTML kodi. Vendar, kot smo že omenili, priporočamo, da uporabite zgornjo kodo CSS namesto oznake telesa. Zgornjo kodo lahko dodate v datoteko CSS in povežete vse vaše spletne strani s to datoteko CSS. Nato lahko spremenite vrednosti barv ozadja v eni datoteki CSS, da takoj spremenite barvo ozadja vseh strani, ki se nanj povezujejo.

Primer oznake za telo HTML

V nekaterih zelo redkih primerih CSS morda ne bo mogoče uporabljati. V teh primerih lahko določite tudi barvo ozadja, barvo besedila, barvo povezave in druge vrednosti v oznaki telesa HTML, kot je prikazano spodaj.

Spodaj so opisi vsakega atributa HTML v oznaki telesa.

TEXT = Barva besedila.

LINK = Barva povezav.

VLINK = Obiskana barva povezave.

ALINK = Barva aktivne povezave ali barva, na katero se povezava spremeni ob kliku.

BGCOLOR = Barva ozadja strani.