Hi Ihr!
Ich lerne mir Typo3 anhand Robert Meyers wunderbarer Anleitung. Jetzt möchte ich mir ein Menü bauen, bei dem die Menüpunkte mittels Gifbuilder auf ein von mir vorgefertigtes Bild gerendert werden. Geht das?
Wie muss ich Roberts TypoScript anpassen?
MENU_LINKS = HMENU
MENU_LINKS.special = directory
MENU_LINKS.special.value = 9
MENU_LINKS.1 = GMENU
MENU_LINKS.1.NO = 1
MENU_LINKS.1.NO {
XY = 146, 30
backColor = #478951
10 = TEXT
10.text.field = title
10.fontColor = #FFFFFF
10.fontFile = fileadmin/fonts/arialb.ttf
10.fontSize = 12
10.niceText = 0
10.offset = 7, 21
}
Vielen Dank für Eure Hilfe,
Marie
Also die grafischen Menüpunkte sollen auf einem eigenen Background erscheinen?
Dann schließ das Menü in ein div ein und gib dem div das Hintergrundbild.
Danke Dir! Aber dann erscheint der Link/Rollover nur, wenn ich über den begrenzten Platz des Textes fahre... Gehts nicht auch per Gifbuilder, damit der ganze Platz angesprochen wird?
Dann Wrap das Ganze mit einer ul-Liste
Aber dann habe ich doch den selben Effekt? Damit wir uns nicht falsch verstehen, ich habe das Menü bis jetzt mit gewrappten Divs aufgebaut. Aber was bringt es mir, wenn mein Hintergrundbild, sagen wir mal, 200x50px groß ist, der Menütext (der aus Typo3 kommt und nicht auf der Grafik steht) aber nur aus einem Wort besteht? Dann tritt der Rollover-Effekt doch nur auf, wenn ich mit der Maus über das kurze Wort fahre! oder nicht...?
OK, ab diesem Moment weiß nicht mehr was du willst.
Ich dachte du wolltest dein Menü mit einem Background-Image hinterlegen. Jetzt hört es sich so an als würdest du jeden Link mit einem BG hinterlegen, der sich beim MouseOver auch noch ändert ?
Dann versuchs mal so (ich hab kommentiert)
MENU_LINKS = HMENU
MENU_LINKS {
special = directory
special.value = 9
1 = GMENU
1 {
NO = 1
NO {
format = gif
# Größe der einzelnen Bilder
XY = 100,32
5 = IMAGE
5 {
# Das Standardbild für den Normalzustand NO
file =
}
10 = TEXT
10 {
# Aus diesem Feld wird der ausgegebene Titel des Menüpunkts geholt
text {
field = title
}
# Schrift File
fontFile = fileadmin/fonts/arialb.ttf
# Schriftgröße
fontSize = 12px
# offset bestimmt die vertikale Ausrichtung der Schrift
offset = 7,21
# Schriftfarbe
fontColor = #FFFFFF
# align bestimmt die horizontale Ausrichtung der Schrift auf dem Button
niceText = 0
}
}
ACT < .NO
ACT {
5 {
# Hintergrundbild im ACT-Zustand
file =
}
10 {
# Schrift File im ACT-Zustand
fontFile =
}
}
RO < .NO
RO {
5 {
# Hintergrundbild im RO-Zustand
file =
}
}
}
}
Jippie! Scheint zu gehen! Genau dass was ich wollte! Danke Dir!
Habs fast befürchtet, das nächste Problem steht schon vor der Tür...
Nun möchte ich natürlich eine Subebene haben.
Beim Robert Meyer so gelöst:
MENU_LINKS.2 < .MENU_LINKS4.1
MENU_LINKS.2 {
NO.backColor = #E2F5E5
NO.10.fontColor = #478951
NO.20.file.backColor = #478951
RO < .NO
RO.backColor = #FFFFFF
RO.5 >
}
Und wie muss ich das jetzt anpassen, damit Grafiken ausgespuckt werden? Bekomms nicht hin...
EDIT: Habs! Einfach noch mal den "RO"-Teil einsetzen.
Also NO, ACT, RO, CUR usw. sind Menpüzustände
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states
Es macht am meisten Sinn, wenn man die Teile eines Zustand wieder in den nächsten kopiert, zum Beispiel mit ACT < .NO Damit wird alles von NO auf ACT kopiert und du brauchst den ganzen Code nicht nochmal schreiben. Du ersetzt dann eben nur das was sich ändert.
Ebenso kannst du dann auch Ebenen kopieren mit 2 < .1
Damit wird alles von Ebene 1 in Ebene 2 kopiert.
Auch hier brauchst du dann nur das ersetzen was sich ändert. Damit sparst du dir auch die nochmalige erwähnung des Markers.
Aber es funktioniert ja.
Stell bitte noch das Thema auf gelöst.