rollover Text

[ga-bwler]

Ich möchte den Footer in unserem Shop etwas verschönern. Die Idee ist, daß sich der Text mit den ganzen Links in der Größe und Farbe verändert, wenn man mit der Maus darüber fährt.

In einem anderen Forum habe ich folgenden Code gefunden:

CSS:
Code:
a.effekt {
color: #ccc;
font-size: 15px;
text-decoration: none;
font-family: Verdana;
}

a:hover.effekt {
color: #000;
font-weight: bold;
font-size: 20px;
}

HMTL:
Code:
<a class="effekt" href="#">Text mit Vergrößerungserffekteffekt</a>

Kann mir jemand sagen wie ich diese zwei Codes "zusammenfüge"?

Grüße
Alex

 

[prm]

Den CSS-Teil bindest du am besten ein wie hier unter Ziffer 2 beschrieben:
CSS-Styleangaben einbinden

Der HTML-Code setzt du dann mit einem Editor an die entsprechende Quelltextstelle deiner Seite.