Atribut Cascading Style Sheets (CSS) najčešće se koristi za promjenu boje hiperveza na web stranicama. Manje funkcionalna rješenja ovog problema nalaze se u jeziku HTML (HyperText Markup Language - "jezik za označavanje hiperteksta").
Neophodno je
Osnovno znanje HTML i CSS jezika
Instrukcije
Korak 1
Pripremite blok za oblikovanje hiperveza. U najjednostavnijem obliku to bi moglo izgledati ovako: {color: Green} Ovdje se "a" naziva "selektor", što ukazuje da bi opis stila u zagradama trebao biti primijenjen na sve oznake veza u dokumentu. Zelena definira boju veze; ovo je vrlo gruba definicija boje i rijetko se koristi. Mnogo češće se "pseudo-klasa" dodaje u selektor "a" - to je oznaka koja vam omogućava da odredite stil veze u tri različita stanja.
Korak 2
Koristite pseudo-klasu veze za oblikovanje normalnog (neaktivnog) stanja veze. Može izgledati ovako, na primjer: a: link {color: Green}
Korak 3
Koristite lebdenje pseudo-klase da odredite kako bi veza trebala izgledati pri lebdenju. Na primjer: a: hover {color: Lime}
Korak 4
Koristite posjećenu pseudo-klasu da biste opisali stil već posjećene veze. Na primjer: a: posjetio {color: DarkGreen}
Korak 5
Kombinirajte sva tri stanja u jedan blok opisa stila. Izgled HTML koda koji sadrži CSS opise stilova može, na primjer, izgledati ovako:
a: link {boja: zelena}
a: posjetio {color: DarkGreen}
a: hover {boja: limeta}
Ovdje otvaranje i zatvaranje HTML stilskih oznaka govori pregledniku gdje opisi stilova počinju i završavaju, a između njih je opis ponašanja veze u tri stanja.
Korak 6
Gore korišteni uzorak pokazuje samo karakteristike boje, ali u opis mogu biti uključeni i drugi atributi. Na primjer, ako dizajn stranice zahtijeva da veza nije podvučena u normalnom (neaktivnom) stanju, već podcrtana kada se pokazivač zadrži, tada se kod može izmijeniti na sljedeći način:
a: link {boja: zelena; ukras teksta: nema;}
a: posjetio {color: DarkGreen; ukras teksta: nema;}
a: hover {boja: limeta; ukras teksta: podcrtavanje;}
Korak 7
Ako želite promijeniti boju samo nekih veza na stranici, a ostatak ostavite zadanim postavkama, dodajte atribut klase oznaci svake veze koja se mijenja. Na primjer, imenujte ovu klasu hiperveza newLinks. Tada oznaka veze može izgledati ovako: text link U opis stila mora se dodati isto ime klase:
a.newLinks: link {color: Green; ukras teksta: nema;}
a.newLinks: posjećeno {color: DarkGreen; ukras teksta: nema;}
a.newLinks: hover {boja: Lime; ukras teksta: podvlačenje;}
Korak 8
Kôd opisa stila pripremljen iz gore opisanih primjera stavite u zaglavlje stranice - između oznaka i. Ako je potrebno, dodajte atribut klase oznakama veze s imenom koje se koristi u opisima stilova. Zatim spremite izmijenjenu stranicu i postupak za promjenu boje hiperveza će biti dovršen.
