Frage:
Habe noch eine CSS-Frage zu unserem Praxisbeispiel "Tiere dieser Welt".
Wie kriege ich die Schriftfarbe (Mouse over und active) hin im Menü "Bewohner" und Menü "Allgemein"?

Antwort:
Für das Menü "Allgemein" musst Du die CSS-Datei um folgende Angaben ergänzen:

Im Block
/* **** FORMATIERUNG MENUE ALLGEMEIN *** */
folgende Klassen hinzufügen:

/* LINK-FORMATE HOVER  */   
ul.menu-top li a:hover span,   
ul.menu-top li#current a:hover span  {       
        color : #FF6600;
        font-weight: bold;
        }
       
/*  LINK-FORMATE AKTIVER MENÜPUNKT  */   
ul.menu-top li#current a span {       
        color : #3A3;
        font-weight: bold;
        }       
   
Für das Menü "Bewohner" musst Du die CSS-Datei um folgende Angaben ergänzen:

Im Block
/* **** FORMATIERUNG MENUE BEWOHNER **** */
folgende Klassen hinzufügen:

/*  LINK-FORMATE HOVER  */
ul.menu-bewohner li a:hover span,   
ul.menu-bewohner li#current a:hover span {
   color : #FF6600;           
   font-weight: normal;           
   }
       
/* LINK-FORMATE AKTIVER MENÜPUNKT  */   
ul.menu-bewohner li#current a span {       
   color : #3A3;       
   font-weight: normal;       
   }

Zur Veranschaulichung habe ich die oben angegebenen Formate auf dem Demo-Server Woche 04 einmal eingebaut. http://ws.akademie.de/~joomla_w4

Bei Mouse-Over werden die Menüpunkte im Menü "Allgemein" und im Menü "Bewohner" jetzt in Orange dargestellt. Ein  aktiver Menüpunkt wird in beiden Menüs mit grüner Schrift dargestellt.