[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