Ihr Artikel / Linkeffekt

Artikel von: chrissi

Um einen super tollen Linkeffekt zu erziehlen, erstellt ihr euch erstmal ein kleines Bildchen (ca. 50x20 Pixel). Dann macht ihr diagonale Streifen in weiß darüber mit unterschiedlichen Abständen. jedes Bild fügt ihr dann in einem Programm ein, womit man Animationen erstellen kann (Empfehlung: Animation Shop). das wieder holt ihr dann so oft ihr wollt. dieses Bild speichert ihr dann ab.
Um den Effekt jetzt in allen euren Seiten zu haben, erstellt ihr eine CSS-Datei mit folgendem Inhalt und speichert sie unter style.css:

A:active,A:link,A:visited{
 height:1px;
 behavior: url(link.htc);
 filter:progid:dximagetransform.microsoft.blur(duration=.7, maxSquare=22, enabled=false);
 height: 0px;
 text-decoration:overline underline
}

 A:hover {color:#000000; background-image:url(b.gif); text-decoration:overline underline;}

Homepage des Autors: www.chrissiangel.de

Nun braucht ihr noch eine htc-Datei mit folgendem namen link.htc da kommt folgender Inhalt rein:

<public:component>
<public:attach event="onmouseover" onevent="domouseover()">
<public:attach event="onmouseout" onevent="domouseout()">

<script language="javascript">

function domouseover()
{
 with(element)
 {
  filters.item(0).Apply();
  filters.item(0).Play();
 }
}

function domouseout()
{
 with(element)
 {
  filters.item(0).Apply();
  filters.item(0).Play();
 }
}

</script>

</public:component>

Nun fügt ihr in jedes HTML-Dokument in den Head-Berreich dies ein:

<link rel="stylesheet" type="text/css" href="style.css">

Und fertig ist euer Linkeffekt.