Atributi Cascading Style Sheets (CSS) përdoret më së shpeshti për të ndryshuar ngjyrën e lidhjeve në faqet e internetit. Zgjidhjet më pak funksionale të këtij problemi janë në gjuhën HTML (HyperText Markup Language - "hypertext markup language").
Është e nevojshme
Njohuri themelore të gjuhëve HTML dhe CSS
Udhëzimet
Hapi 1
Përgatitni një bllok stilimi për hiperlidhjet. Në formën e tij më të thjeshtë, mund të duket kështu: a {color: Green} Këtu "a" quhet "zgjedhës", që tregon se përshkrimi i stilit në kllapa duhet të zbatohet në të gjitha etiketat e lidhjeve në dokument. E gjelbra përcakton ngjyrën e lidhjes; ky është një përkufizim shumë i përafërt i ngjyrës dhe përdoret rrallë. Shumë më shpesh, një "pseudo-klasë" shtohet në zgjedhësin "a" - është një etiketë që ju lejon të specifikoni stilin e lidhjes në tre gjendje të ndryshme.
Hapi 2
Përdorni pseudo-klasën e lidhjes për të stiluar gjendjen normale (joaktive) të lidhjes. Mund të duket kështu, për shembull: a: link {color: Green}
Hapi 3
Përdorni rri pezull në klasë për të specifikuar se si duhet të shfaqet lidhja në rri pezull. Për shembull: a: hover {color: Lime}
Hapi 4
Përdorni pseudo-klasën e vizituar për të përshkruar stilin e një lidhjeje tashmë të vizituar. Për shembull: a: vizituar {color: DarkGreen}
Hapi 5
Kombinoni të tre gjendjet në një bllok përshkrimi të një stili. Pamja e kodit HTML që përmban përshkrime të stileve në CSS mund të duket për shembull:
a: link {ngjyra: Jeshile}
a: vizituar {color: DarkGreen}
a: hover {ngjyra: Gëlqere}
Këtu, etiketat e stilit HTML hapës dhe mbyllës i tregojnë shfletuesit se ku fillojnë dhe mbarojnë përshkrimet e stilit, dhe midis tyre është një përshkrim i sjelljes së lidhjes në tre gjendje.
Hapi 6
Shembulli i përdorur më sipër tregon vetëm karakteristikat e ngjyrave, por atributet e tjera mund të përfshihen në përshkrim. Për shembull, nëse dizajni i faqes kërkon që lidhja të mos nënvizohet në gjendje normale (joaktive), por të nënvizohet kur kursori të jetë i mbuluar, atëherë kodi mund të modifikohet si më poshtë:
a: link {ngjyra: Jeshile; dekorimi i tekstit: asnjë;}
a: vizituar {ngjyra: DarkGreen; dekorimi i tekstit: asnjë;}
a: hover {ngjyra: Gëlqere; dekorimi i tekstit: nënvizo;}
Hapi 7
Nëse dëshironi të ndryshoni ngjyrën e vetëm disa lidhjeve në faqe dhe të lini pjesën tjetër me cilësimet e paracaktuara, atëherë shtoni atributin e klasës në etiketën e secilës lidhje që ndryshohet. Për shembull, vendosni emrin e kësaj klase hyperlink newLinks. Atëherë etiketa e lidhjes mund të duket kështu: link teksti I njëjti emër i klasës duhet të shtohet në përshkrimin e stilit:
a.newLinks: link {ngjyra: Jeshile; dekorimi i tekstit: asnjë;}
a.newLinks: vizituar {color: DarkGreen; dekorimi i tekstit: asnjë;}
a.newLinks: rri pezull {ngjyra: Gëlqere; dekorimi i tekstit: nënvizo;}
Hapi 8
Vendosni kodin e përshkrimit të stilit të përgatitur nga shembujt e përshkruar më sipër në kokën e faqes - midis etiketave dhe. Nëse është e nevojshme, shtoni një atribut të klasës në etiketat e lidhjeve me emrin e përdorur në përshkrimet e stilit. Pastaj ruajeni faqen e modifikuar dhe procedura për ndryshimin e ngjyrës së hyperlinks do të përfundojë.
