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
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:
#65143
Definiere die Zustände RO und ACT mit IMAGE und NO ohne IMAGE als Hintergund.
Schau mal hier für GIFBUILDER: http://wiki.typo3.org/index.php/GIFBUILDER. Ein GMENU arbeitet mit GIFBUILDER
oder: http://wiki.typo3.org/index.php/De:TSref/45MinutesTypoScript
für etwas allgemeinen Hintergrund.
In der offiziellen "TypoScript by Excample" dokumentation ist das Bauen unterschiedlichster Menüs gut beschrieben.
http://typo3.org/documentation/document-library/.
Dort findest du auch die TSref (ganzganz wichtig).
Ohne Code kann man auch nur etwas allgemein antworten.
Gruß udowald
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:
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
...
}
}
mein ts ist momentan
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 🙂
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
Hallo,
hier für dich mal das Beispiel von "just2be" aus dem ersten empfohlenen link etwas abgeändert.
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
es funktioniert! 😃 hier und da noch ein paar design anpassungen. echt klasse, vielen dank udowald