Stilovi za linkove

Linkovi su ključni dio web stranice pa je poželjno navigaciju web stranice izvesti lijepo i jednostavno za svakog korisnika. Sa gledišta upotrebljivosti veoma je važno da se upotrebe sva stanja u kojima se link može naći. Ta stanja mogu biti:

1. normal
2. visited
3. hover

Link je u normal stanju kada nije još posjećen, visited stanju kada je link nekad prije bio posjećen i u stanju hover kada se miš nalazi iznad njega. Za svako to stanje CSS nam omogućava definiranje stila za prikaz. Za to koristimo selektor pseudo klase.

1. Selektor pseudo klase za normal: a:link
2. Selektor pseudo klase za visited: a:visited
3. Selektor pseudo klase za hover: a:hover
4. Selektor pseudo klase za active: a:active

Pseudo klasa active je ista kao hover pa se općenito ne koristi, ali je isto koju koristite.
Pseudo klase se primjenjuju redoslijedom kojim su zapisane pa moramo pripaziti kako ih se zapisuje pri upotrebi. Inače možda neće raditi najbolje. Najsigurniji zapis pseudo klasa je ovaj:

a{}
a:link{}
a:visited
a:hover
a:active

Sada možemo vidjeti i upotrebu. Prije svega u head dijelu zapišemo sljedeće:

Nakon toga jednostavno upotrebljavamo ovu klasu link u linkovima gdje nam to odgovara:

<a href=# class="link">Proba izbornika</a> Proba izbornika

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Izmjena stila scroolbar-a
■  Korištenje stilova u tablicama
■  Dodatno uredite HTML liste
■  Stilovi rubova - div
■  Stiliziranje dugmeta kod web formi

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.