Odkaz se podtrhne i nadrhne
<STYLE type=text/css> A:link { color: black; TEXT-DECORATION: none } A:visited { color: black; TEXT-DECORATION: none } A:hover { color: black; TEXT-DECORATION: underline overline; cursor: crosshair </style>
Odkaz bude v rámečku
<style> A:link {text-decoration:none; height:0; font-weight:normal; color:#000000} A:visited {text-decoration:none; height:0; font-weight:normal; color:#000000} A:hover { color: #000000; border: 1px solid #000000; background-color: #C9966C } </style>
<style> A:link {text-decoration:none; height:0; font-weight:normal; color:#000000} A:visited {text-decoration:none; height:0; font-weight:normal; color:#000000} A:hover { color: #000000; border: 1px solid #000000; background-color: #C9966C } </style>
Bude mít nad sebou čáru
<style type="text/css"> A:link{color: #ff6600;text-decoration:none} A:visited{color: #ff6600;text-decoration:none} A:active{color: #000000;text-decoration:none} A:hover{color: #ff6600;text-decoration:overline;} </style>
<style type="text/css"> A:link{color: #ff6600;text-decoration:none} A:visited{color: #ff6600;text-decoration:none} A:active{color: #000000;text-decoration:none} A:hover{color: #ff6600;text-decoration:overline;} </style>
Ukáže se šipka našikmo
<style TYPE="text/css"> A:link { color: black; text-decoration: none;} A:visited { color: orange; text-decoration: none;} A:hover {FILTER: glow(color=orange, strength=6); CURSOR: se-resize; COLOR: black; HEIGHT: 0px; TEXT-DECORATION: bold} TD, P, A, B, DIV, body {font-family: verdana; color: black; font-size: 11px} </style>
<style TYPE="text/css"> A:link { color: black; text-decoration: none;} A:visited { color: orange; text-decoration: none;} A:hover {FILTER: glow(color=orange, strength=6); CURSOR: se-resize; COLOR: black; HEIGHT: 0px; TEXT-DECORATION: bold} TD, P, A, B, DIV, body {font-family: verdana; color: black; font-size: 11px} </style>
Změní písmo na takový hezký a odkaz bude bílý
<STYLE type=text/css> A {COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold} A:hover {COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold; filter:shadow(color=#898989,offX=2,offY=2); height:2; } TD {FONT-SIZE: 11px; COLOR: #d0d0d0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} </STYLE>
<STYLE type=text/css> A {COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold} A:hover {COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold; filter:shadow(color=#898989,offX=2,offY=2); height:2; } TD {FONT-SIZE: 11px; COLOR: #d0d0d0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} </STYLE>
Odkaz se rozmaže
<style> <!-- A:link { text-decoration: none; color:"black" } A:visited { text-decoration: none; color:"black" } A:hover { FILTER: glow(color=#FFCCFF, strength=3); COLOR: black; HEIGHT: 8px; TEXT-DECORATION: none } --> </STYLE>
<style> <!-- A:link { text-decoration: none; color:"black" } A:visited { text-decoration: none; color:"black" } A:hover { FILTER: glow(color=#FFCCFF, strength=3); COLOR: black; HEIGHT: 8px; TEXT-DECORATION: none } --> </STYLE>
Udělá se kurzor s otazníkem (jako je nápověda)
<STYLE type=text/css> BODY {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} P {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} TD {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} A:link {COLOR: #000000; HEIGHT: 1px; TEXT-DECORATION: none; } A:visited {COLOR: #000000; HEIGHT: 1px; text-decoration: none;} A:active { COLOR: #000000; HEIGHT: 1px; TEXT-DECORATION: none; } A:hover { FILTER: alpha(Opacity=100, FinishOpacity=3, Style=1); CURSOR: help; COLOR: #000000; TEXT-DECORATION: none} </STYLE>
<STYLE type=text/css> BODY {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} P {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} TD {FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 10px; FONT-FAMILY: verdana;} A:link {COLOR: #000000; HEIGHT: 1px; TEXT-DECORATION: none; } A:visited {COLOR: #000000; HEIGHT: 1px; text-decoration: none;} A:active { COLOR: #000000; HEIGHT: 1px; TEXT-DECORATION: none; } A:hover { FILTER: alpha(Opacity=100, FinishOpacity=3, Style=1); CURSOR: help; COLOR: #000000; TEXT-DECORATION: none} </STYLE>
Udělá se takové hezké písmo (bílé a okolo rozmazaná černá)
<STYLE type=text/css> H1 {FONT-SIZE: 12px; COLOR: #C0C0C0} A {FILTER: glow(color=#000000, strength=2); COLOR: #FFFFFF; HEIGHT: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {text-decoration:none; height:0; filter:blur; color: ffffff;} TD {FONT-SIZE: 11px; COLOR: #66FFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} </STYLE>
<STYLE type=text/css> H1 {FONT-SIZE: 12px; COLOR: #C0C0C0} A {FILTER: glow(color=#000000, strength=2); COLOR: #FFFFFF; HEIGHT: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {text-decoration:none; height:0; filter:blur; color: ffffff;} TD {FONT-SIZE: 11px; COLOR: #66FFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} </STYLE>
Odkaz bez podtrhnutí
<A href="adresa" target=_blank>text odkazu</A>
Otevření bez kliknutí
<A onmouseover="parent.location='adresa'" href="">text odkazu</A>
Informace při najetí na odkaz
<A title="informace" href="adresa">text odkazu</A>
Otevření v novém okně
<a href="http://blog.lide.cz/lulu00 "target="_blank">odkaz v novém okně</a>