Kako promijeniti boju linkova na web stranici?

ML Lapan

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:

  1. 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.
  2. 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.
  3. 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.

Pročitaj  Kako da napravim listu za reprodukciju u Windows Media Playeru?

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.

Podijeli ovo sa prijateljima...

By Lapan

ML Lapan je samouki računarski geek, freelancer za Wordpress i igrač iz Bosne i Hercegovine. Ima više od 15 godina iskustva u radu na računarima, internetu, web stranicama (većinom sa Wordpress stranicama).

Komentariši

Vaša email adresa neće biti objavljivana. Neophodna polja su označena sa *

Svi smo bliski

Problem, pitanje, hitan slučaj?

Ne ustručavajte se posjetiti centar za pomoć, mi vam možemo pomoći.

Copyright © 2019 ML Lapan.
All rights reserved

New Report

Close