Efekt linku wklej po < / tittle > ale przed < /head >.

Przerywana ramka

Link w przerywanej ramce

<STYLE type=text/css> A:link { COLOR: white; TEXT-DECORATION: none } A:visited { COLOR: white; TEXT-DECORATION: none } A:active { COLOR: white; TEXT-DECORATION: none} A:hover { BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; CURSOR: hand; COLOR: black; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: white; TEXT-DECORATION: none } --> </style>

Ramka

Link w ramce

<STYLE type=text/css> A:link{color:black ;text-decoration:none} A:visited{color:black ;text-decoration:none} A:active{color:black ;text-decoration:none} A:hover{border:1 solid; border-color:#000000; ;} TD, P, A, DIV {font-family: verdana; color: #000000;line-height: 13px; font-size: 10px;} }--> </style>

Cień

Po najechaniu na link, pojawia się jego cień...

<style> A:link { COLOR: #000000; TEXT-DECORATION: none;} A:visited { COLOR: #000000; TEXT-DECORATION: none;} A:active { COLOR: #000000; TEXT-DECORATION: none } A:hover{color:#000000; text-decoration:none; height:0; filter:DropShadow(Color=black, OffX=2, OffY=2, Positive=1);} TD, P, A, DIV {font-family: verdana; color: #000000;line-height: 13px; font-size: 10px;} --> </STYLE>

Szare obrazki

Ostatnio popularny efekt na szare obrazki

<STYLE type="text/css"> BODY { font-family: Verdana; color: #FFFFFF; line-height: 100%; text-align:justify; margin: 0px; font-size: 9pt;} td {font-size: 8pt; border: 0px solid;} A:link {COLOR: #FFFFFF; HEIGHT: 1px; TEXT-DECORATION: none; font-weight: none; filter: gray} A:visited {COLOR: #FFFFFF; HEIGHT: 1px; TEXT-DECORATION: none; font-weight: none; filter: gray} A:active {COLOR: #FFFFFF; HEIGHT: 1px; TEXT-DECORATION: none; font weight: none; filter: gray} A:hover {cursor: crosshair; filter: none; color: #000000; } </style>

Rozmazane

Po najechaniu na link, ten rozmazuje się

<style TYPE="text/css"> <!-- BODY A:link { color:#000000; text-decoration: none;} A:visited { color:#000066; background:none; text-decoration: none; } A:active { color:white; text-decoration:none; font-size:10px;} a:hover {color: #000000; filter:blur(color='#000000', strength=25); height:0;text-decoration: none; cursor:sw-resize;} TD, P, A, DIV {font-family: verdana; color: #000000;line-height: 13px; font-size: 10px;} --> </style>

Przekreslenie linku

Link po najechaniu przekreśla się

<STYLE type=text/css> A:link{color:black ;text-decoration:none} A:visited{color:black ;text-decoration:none} A:active{color:black ;text-decoration:none} A:hover{text-decoration:line-through;} TD, P, A, DIV {font-family: verdana; color: #000000;line-height: 13px; font-size: 10px;} }--> </style>

Kolorowy link

Link po najechaniu staje się kolorowy

<style TYPE="text/css"> <!-- BODY A:link, A:active, A:visited { text-decoration: none; color: #000000;} TD, P, A, DIV {font-family:verdana; color:#000000; line- height:13px; font-size:10px} --> <br><br> </style><script src="http://bina13.fm.interia.pl/grafika/rainbow.js"></script> <br>

Duże litery

Po najechaniu na link litery się powiększaja

<style fprolloverstyle>A:hover {color: blue; text-transform: uppercase; font-weight: 78} </style> <STYLE type=text/css> A:link { color: black; TEXT-DECORATION: none } A:visited { color: black; TEXT-DECORATION: none } A:hover { color: gray; TEXT-DECORATION: underline overline; cursor: hand </style>

Rozjaśnienie dwustronne

Link po najechaniu rozjaśnia się z obu stron

<style TYPE="text/css"> <!-- BODY A:link {color: black; text-decoration: none;} A:visited {color: black; background: none; text-decoration: none;} A:active {color: black; text-decoration: none;} A:hover { FILTER: alpha(Opacity=100, FinishOpacity=3, Style=3); CURSOR: hand; COLOR: black; TEXT-DECORATION: none; height: 0;} TD, P, A, DIV {font-family: verdana; color: black; line-height: 13px; font-size: 10px;} --> </style>

Rozjaśnienie prawostronne

Link po najechaniu rozjaśnia się z prawej strony

<STYLE type=text/css> BODY {FONT-SIZE: normal; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} P {FONT-SIZE: normalpx; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} TD {FONT-SIZE: normal; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} A:link {COLOR: black; HEIGHT: 1px; TEXT-DECORATION: none; } A:visited {COLOR: black; HEIGHT: 1px; text-decoration: none;} A:active { COLOR: black; HEIGHT: 1px; TEXT-DECORATION: none; } A:hover { FILTER: alpha(Opacity=100, FinishOpacity=3, Style=1); CURSOR: hand; COLOR: gray; TEXT-DECORATION: none} </STYLE>

Do góry nogami

Link po najechaniu odwraca się do góry nogami

<STYLE type=text/css>A:link { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:visited { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:active { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:hover { FILTER: Flipv(color#000000,strenght=4); BEHAVIOR: url(linkhilight.htc); CURSOR: hand; HEIGHT: 8px; TEXT-DECORATION: none } </STYLE>

O mnie Zasady Czarna Lista

Efekty Linku Gify Tła Linie Skrypty Kursory Blinki F.A.Q