--- title: "Menü mit Bild" url: "https://www.typo3.net/d/100935-menue-mit-bild" source: "typo3.net" tags: ["TYPO3","Menüs","Frage"] created: "2010-08-30" last_reply: "2010-08-31" replies: 6 solved: false page: 1 pages: 1 lang: "de" --- # Menü mit Bild TYPO3 › Menüs · 6 Antworten · gestartet 2010-08-30 ## Eröffnungsbeitrag **t3azubine** · 2010-08-30 · [Beitrag #1](https://www.typo3.net/d/100935-menue-mit-bild/1) Hallo Leute, ich sitze seid ein paar tagen an einem Problem mit meinem GMENU. Ich möchte bei aktiven Menü Punkten und bei dem Rollover ein Bild vor den Menü Punkt haben. Leider hab ich nur gefunden wie man den Menü Punkt durch ein Bild ersetzt... Kann mir jemand einen Tip oder eine Lösung verraten? Danke schonmal im vorraus ## Antworten ### [#2](https://www.typo3.net/d/100935-menue-mit-bild/2) · udowald · 2010-08-30 Hallo, das kann man mit reinem CSS am besten machen. Solltest du trotzdem GMENU brauchen wegen einer besonderen Schrift oder so, kannst du Text und Image übereinander legen. Hier findest du eigentlich alles was du brauchst: [/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick](https://www.typo3.net/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick) Definiere die Zustände RO und ACT mit IMAGE und NO ohne IMAGE als Hintergund. Schau mal hier für GIFBUILDER: . Ein GMENU arbeitet mit GIFBUILDER oder: für etwas allgemeinen Hintergrund. In der offiziellen "TypoScript by Excample" dokumentation ist das Bauen unterschiedlichster Menüs gut beschrieben. . Dort findest du auch die TSref (ganzganz wichtig). Ohne Code kann man auch nur etwas allgemein antworten. Gruß udowald ### [#3](https://www.typo3.net/d/100935-menue-mit-bild/3) · Unbekannter Benutzer · 2010-08-30 Meine Vorgehensweise Wäre einfach das Bild aus NO in ACTRO zu kopieren, das kopiert ein bisschen zu verschieben (Koordinaten ändern) und noch eine Ebene mit dem Punkt zu definieren die in den gewonnenen Platz kommt, ungefähr so: ```typoscript 1 = GMENU 1 { N0.10 = IMAGE NO.10 { xy = 5,5 ... } NO.20 = TEXT NO.20 { xy = 5,5 ... } ACTRO < .NO ACTRO.10.xy = 15, 5 ACTRO.20.xy = 15, 5 ACTRO.30 = IMAGE ACTRO.30 { xy = 0, 0 file = punkt.jpg ... } } ``` ### [#4](https://www.typo3.net/d/100935-menue-mit-bild/4) · t3azubine · 2010-08-31 mein ts ist momentan ```typoscript NAVI = HMENU NAVI { special = directory special.value = 1 #special.depth = 2 entryLevel = 1 1 = GMENU 1.NO = 1 1.NO { XY = 220, 30+[16.h] backColor = #163e32 #Text auf den Menüpunkt rendern 10 = TEXT 10.text.field = title 10.fontColor = #ffffff 10.fontFile = fileadmin/vorlagen/verdana.ttf 10.fontSize = 13 10.niceText = 1 10.offset = 10, 19 10.align = left } 1.RO < .1.NO 1.RO.backColor = #163e32 1.RO.10.fontColor = #ffffff 1.RO.15.fontColor = #ffffff 1.ACT < .1.NO 1.ACT.backColor = #163e32 1.ACT.10.fontColor = #ffffff 1.ACT.15.fontColor = #ffffff } ``` ich werde mich nun mal mit euren antworten beschäftigen, kenne mich ja noch nicht so gut mit t3 aus. aber danke für die schnellen antworten :) ### [#5](https://www.typo3.net/d/100935-menue-mit-bild/5) · Unbekannter Benutzer · 2010-08-31 Ja, versuchs mal. In meinem Vorschlag ist aber ein Fehler: man muss natürlich nicht den Wert für xy (also die Größe der Ebene) ändern, sondern den "offset" Wert, die Ebene also verschieben. Sorry, hab die beiden Werte verwechselt, werds oben korrigieren ### [#6](https://www.typo3.net/d/100935-menue-mit-bild/6) · udowald · 2010-08-31 Hallo, hier für dich mal das Beispiel von "just2be" aus dem ersten empfohlenen link etwas abgeändert. ```typoscript temp.grafischMenu = HMENU temp.grafischMenu { 1=GMENU 1 { expAll = 1 noBlur = 1 NO = 1 NO { transparentBackground = 1 ATagTitle.field = title XY=[10.w]+10,24 #5 = IMAGE #5.file = fileadmin/menuBG_NO.jpg 10=TEXT 10 { text.field=title offset=1,20 fontColor=#777777 fontFile=fileadmin/fonts/FloraICG.ttf fontSize=18 } } RO <.NO RO.5 = IMAGE RO.5.file = fileadmin/menuBG_RO.jpg RO.10.offset=36,20 RO.10.fontColor = #BF2236 ACT <.RO ACT.10.fontColor = #AAFF00 ACTRO <.ACT } } ``` Du kannst also Bilder unter den Text legen. Wenn im NO-Zustand das Bild auskommentiert ist, muss das IMAGE-Obj nochmal im RO-Zustand aufgerufen werden. Da das TEXT-Obj im NO-Zustand vorhanden ist, kann man über dessen Array-Nr. (hier 10) dessen Attribute direkt ändern. In diesem Bsp wird also der Text im RO nach rechts geschoben und ein Bild darunter gelegt. Da RO nach ACT kopiert wird, ist das Bild auch in ACT enthalten. Ebenso in ACTRO. Ich denke das kannst du dir anpassen. Udowald ### [#7](https://www.typo3.net/d/100935-menue-mit-bild/7) · t3azubine · 2010-08-31 es funktioniert! :D hier und da noch ein paar design anpassungen. echt klasse, vielen dank udowald --- Quelle: „Menü mit Bild“, typo3.net, https://www.typo3.net/d/100935-menue-mit-bild Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.