Links mit Farbverlauf

Immer wieder bin ich gefragt worden, wie man denn die verlaufenden Links, die ich auch auf meinen Seiten hatte, macht.

Eigentlich ganz einfach:

Zunächst benötigt man die color.htc, sie muss in das gleiche Verzeichnis, wie deine HTML-Seiten gepackt werden.

In den Head-Bereich deiner Seite muss nun einfach das folgende Style-Sheet eingefügt werden:

<style type="text/css"> A { FILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1 ); BEHAVIOR: url(color.htc); CURSOR: crosshair; HEIGHT: 1px } A { COLOR: #B692C0; CURSOR: crosshair; TEXT-DECORATION: none } A:link { COLOR: #B692C0; TEXT-DECORATION: none } A:visited { COLOR: #B692C0; TEXT-DECORATION: none } A:active { COLOR: #B692C0; TEXT-DECORATION: none } A:hover { COLOR: #808080; TEXT-DECORATION: none } </style>

Die Farbwerte kannst du im StyleSheet entsprechend anpassen, und das war es dann auch schon

nach oben

<< zurück