leer leer leer leer
Portugal trockene Blume Portugal trockene Blume Portugal trockene Blume
Banner Schatten
leer
 Start
   HTML

 HTML Tips
 Sonderzeichen
 Referenzen
 Validatoren
 FTP-Tools

 Kontakt

HTML

Sprache
des Web

Menüs anmieren
Menüleisten mit StyleSheets anmieren

StyleSheets können einfache Textbasierte Menüleisten einfach animieren und sorgen so für einen schönen grafischen Effekt. Leider funktioniert das bisher nur mit dem MS Internet Explorer ab 4.0 sowie mit den ersten Versionen des Netscape 6.0 beziehungsweise Mozilla Browsers.

Wie funktioniert es mit StyleSheet Datei

Existiert in der StyleSheet Datei eine Definition für eine bestimmte Klasse läßt sich zusätzlich eine weiter Klasse definieren welche die Formatangaben für den Fall enthählt wenn die Maus über einen entsprechenden Eintrag fährt enthält. Hier das Beispiel aus meiner StyleSheet Datei für die Klasse "menue" auf webhilfen.de:

A.menue:hover {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: #CD853F;
    background: #FFFFFF;
}

Definition im Seiten HEAD

Alternativ zur StyleSheet Datei lässt sich ein animierter Link auch zwischen den HEAD Tags definieren.

<HEAD>
... andere Angaben Im HEAD der Seite

<style type="text/css">
<!--

A:hover {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: #CD853F;
    background: #FFFFFF;
}

//-->
</style>

</HEAD>

Beispiel

Hier ein kleines Beispiel das den Code zwischen den HEAD Tags nutzt

Beispiellink

letzte Aktualisierung: 19.08.2000,     © by  Olaf Strunck     -     TopTop