[TYPO3-german] hover mit Grafik bei TMENU

Jana Golinowski jgolinowski at codematix.de
Thu Jun 10 09:49:43 CEST 2010


Hallo Jochen,

das kannst du doch komplett per CSS lösen. Benutz die Grafiken einfach als 
Hintergrundbilder für die Menülinks.

.mainMenu a {
     background-image: url(pfad/zu/kreis.gif);
     background-repeat: no-repeat;
}
.mainMenu a.current { background-image: url(pfad/zu/kreis_cur.gif); }
.mainMenu a.ifsub { background-image: url(pfad/zu/kreis_ifsub.gif); }
.mainMenu a:hover { background-image: url(pfad/zu/kreis_hover.gif); }
.mainMenu a.current:hover { background-image: url(pfad/zu/kreis_cur_hover.gif); }
.mainMenu a.ifsub:hover { background-image: url(pfad/zu/kreis_ifsub_hover.gif); }

Mit ATagParams vergibst du dann einfach die entsprechenden Klassen an die a-Tag 
in den Menüzuständen, die du brauchst. Das padding für die Menülinks müsste dann 
  natürlich links noch um die Bildbreite vergrößert und das Bild mit 
background-position an die richtige Stelle gerückt werden.


Grüße, Jana.


More information about the TYPO3-german mailing list