TextovΘ odkazy
Pomocφ kaskßdov²ch styl∙ m∙₧eme vklßdat styly do ka₧dΘho prvku HTML, a¥ u₧ to jsou znaΦky < P> Φi < DIV> nebo takΘ HTML atributy jako nap°. aktivnφ a navÜtφvenΘ odkazy.
Tuto techniku pou₧ijete k:
Vytvo°enφ originßlnφch textov²ch odkaz∙.
Odstranφte ze strßnky nevzhlednΘ podtr₧enΘ odkazy a navrhnete ΦistÜφ provedenφ textu za p°φtomnosti barvy jako jedinΘho hypertextovΘho odkazovΘho indikßtoru.
Navr₧enφ vizußln∞ typografickΘ navigace.
Vyu₧itφm kaskßdov²ch styl∙ ke specifikaci odkaz∙ m∙₧ete vytvo°it nepodtr₧enΘ odkazy bez nutnosti uch²lit se k obrßzk∙m a obrßzkov²m mapßm.
Definice styl∙ pro odkazy:
Do hlaviΦky HTML dokumentu nebo do externφho souboru vlo₧φme k≤d:
Text za // do k≤du nepiÜte - jde o komentß°.
< STYLE TYPE="text/css"> // zaΦßtek delkaracφ styl∙ - POUZE V HLAVI╚CE!
A { // deklarace stylu pro tag A
... // sem p°ijdou definice vlastnostφ pφsma
} // konec deklarace stylu pro tag A
A :active {text-decoration: none} // definice NEPODTRÄEN╔HO pφsma pro aktivnφ odkaz
A :link {text-decoration: none}// definice NEPODTRÄEN╔HO pφsma pro odkaz
A :visited {text-decoration: none}// definice NEPODTRÄEN╔HO pφsma pro navÜtφven² odkaz
BODY :active {color: jmΘno nebo k≤d barvy}// definice barvy pφsma pro aktivnφ odkazy v celΘm t∞le dokumentu
BODY :link {color: jmΘno nebo k≤d barvy}// definice barvy pφsma pro odkazy v celΘm t∞le dokumentu
BODY :visited {color: jmΘno nebo k≤d barvy}// definice barvy pφsma pro navÜtφvenΘ odkazy v celΘm t∞le dokumentu
< /STYLE> // konec delkaracφ styl∙ - POUZE V HLAVI╚CE!

POZOR!
Definovan² styl pro znaΦku < A> bude pou₧it pro veÜker² text uzav₧en² do < A> a < /A>, tedy i pro "N┴V╠èT═" < A NAME="nßv∞Ütφ"> text < /A>, kterΘ nenφ odkazem!
Nezapomφnejte na ST╪EDN═K za ka₧dou definovanou vlastnostφ stylu!
Odkazy budou mφt stejnou ·pravu v celΘm dokumentu!
P°φklad:
Definice styl∙ pφsma pro tuto strßnku:
A { font-family: Verdana, Arial, Helvetica; font-size: 12pt; line-height: 14pt; }
A :active {text-decoration: none}
A :link {text-decoration: none}
A :visited {text-decoration: none}
BODY :active {color: yellow}
BODY :link {color: red}
BODY :visited {color: tomato}
ZaΦßtek
DalÜφ
P°edchozφ