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").
Nužno je
Osnovno znanje HTML i CSS jezika
Upute
Korak 1
Pripremite blok za oblikovanje hiperveza. U najjednostavnijem obliku to bi moglo izgledati ovako: {color: Green} Ovdje se "a" naziva "selektor", što znači 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. Puno češće se "a" selektoru dodaje "pseudo-klasa" - to je oznaka koja vam omogućuje da odredite stil veze u tri različita stanja.
Korak 2
Upotrijebite pseudo-klasu veze za oblikovanje normalnog (neaktivnog) stanja veze. Može izgledati ovako, na primjer: a: link {color: Green}
3. korak
Upotrijebite lebdenje pseudo-klase da odredite kako bi se veza trebala pojaviti na lebdenju. Na primjer: a: hover {color: Lime}
4. korak
Pomoću posjećene pseudo-klase opišite 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 podcrtana u normalnom (neaktivnom) stanju, već podcrtana kada se pokazivač zadrži, tada se kôd 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: tekstualna veza U opis stila mora se dodati isti naziv klase:
a.newLinks: link {color: Green; ukras teksta: nema;}
a.newLinks: posjetio {color: DarkGreen; ukras teksta: nema;}
a.newLinks: hover {boja: Lime; ukras teksta: podcrtavanje;}
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 bit će dovršen.
