Bunte Links

von Fries Websolutions

Möchten Sie Ihren Besuchern nicht individuell farbige Hyperlinks anbieten, so dass jeder Link in seiner eigenen Farbe "hovert"? Nichts leichter als das!

Verbinden Sie mit Style Befehlen die Links zu den passenden Farben. Sie können dies direkt zu beginn der Datei festlegen oder dazu ein externes Stylesheet anlegen.

Hier sehen Sie ein Beispiel, wie die bunten Links aussehen könnten.

Codebeispiel:

<style>
A.blue:link { color: green ; text-decoration:underline; }
A.blue:visited { color:green; text-decoration:underline; }
A.blue:active { color: blue; text-decoration:underline; }
A.blue:hover { color: yellow; text-decoration:underline; }

A.green:link { color: black ; text-decoration:underline; }
A.green:visited { color:black; text-decoration:underline; }
A.green:active { color: red; text-decoration:underline; }
A.green:hover { color: red; text-decoration:underline; }
</style>

So können Sie entsprechende Klassen zuweisen:

<a class="blue" href="#">Navigation</a><br>
<a class="green" href="#">Hyperlink</a><br>