Evo koraka kako koristiti HTML i CSS za promjenu boje veze prikazane na web stranici.
Iako možete koristiti HTML BODY oznaku za izvođenje boje veze, uvijek preporučujemo da postavite bilo koje postavke stila u CSS-u kao što je prikazano u nastavku.
Razumijevanje različitih vrsta hiperveza
Hiperveze su posebni elementi na stranici jer su interaktivni.
Boje se razlikuju ovisno o uvjetima kako bi se pokazalo da su interaktivne.
Osim izvorne boje, hiperveza ima i tri posebne boje koje predstavljaju tri različita stanja:
- Posjećene veze – Ovo je boja posjećenih veza.
Ako je hiperveza ove boje, korisnik može očekivati da klikne na vezu kako bi otišao na stranicu koju je već vidio. - Hover – Ovo je boja kada miš pređe preko veze.
Ako je hiperveza ove boje, korisnik može očekivati da joj se može pristupiti pritiskom na lijevu tipku miša, a zatim otpuštanjem gumba.
Boja hover ista je za aktivne i posjećene veze. - Aktivna veza – Ovo je boja veze kada se klikne na nju.
Kada korisnici vide ovu boju, mogu očekivati da će otpuštanje tipke miša uzrokovati da preglednik posjeti vezu.
Primjer boje veze CSS-a
U dolje navedenom primjeru CSS-a, boju hiperveze postavili smo da bude slična boji prikazanoj na ovoj stranici.
Prvo postavlja sve hiperveze na “Crna”, “Narančasta” ako ste vezu posjetili, a aktivna i hover veza bit će “Crvena”.
Sljedeći kod možete dodati elementima u stilu CSS-a ili .css datotekama.
a {
color: Black;
}
a:visited {
color: Orange;
}
a:hover, a:active, a:focus {
color: Red;
}Ako vaša web lokacija ne koristi CSS, sljedeći koraci će vam pokazati kako to učiniti u html body oznaci.
Međutim, kao što je ranije spomenuto, toplo preporučujemo da koristite gornji CSS kod umjesto oznake tijela (body).
Gornji kôd možete dodati u CSS datoteku, a zatim povezati sve web stranice s CSS datotekom.
Zatim možete promijeniti vrijednost boje pozadine u CSS datoteci kako biste trenutno promijenili boju pozadine svih stranica povezanih s datotekom.
Primjer HTML oznake tijela
U nekim vrlo rijetkim slučajevima CSS možda neće biti dostupan.
U ovom slučaju možete također definirati boju pozadine, boju teksta, boju veze i druge vrijednosti u HTML oznaci tijela kao što je prikazano ispod.
<body text="Black" link="Black" vlink= "Orange" alink="Red" bgcolor="#ffffff">text = Boja teksta.
link = Boja linka.
vlink = Boja posjećene veze.
alink = Boja aktivne veze ili boja na koju se veza mijenja kad se klikne.
bgcolor = Boja pozadine stranice.