Anfänger mit Menu-Problem

Halli Hallo

Meine Firma hat mir auferlegt herauszufinden wie ich das Menu anpassen kann (wurde mal von einem Mitarbeiter aufgesetzt, der nicht mer hier arbeitet). Jetzt habe ich einiges versucht, aber keine Lösung gefunden.

Ich habe zwar Ahnung von Webgestaltung, aber keine von Typoscript...

Problem(e):

Ich möchte das Menu von 3 auf 5 Ebenen ausbauen
zusätzlich möchte ich bei den Menus verschiedene Schriftgrössen verwenden.

-> das wäre eigentlich schon alles... Bitte nicht lachen 🙂 denn ich denke für euch ist das kein Problem 😉

Danke und Gruss

Dominic

 MENU_LINKS = HMENU
   MENU_LINKS.special = directory
   MENU_LINKS.special.value = 2
   MENU_LINKS.entryLevel = 1
   MENU_LINKS.1 = GMENU
   MENU_LINKS.1.NO = 1
   MENU_LINKS.1.NO {
   wrap = | <br>
   XY = 217, 20
   backColor = #FFFFFF
    
   10 = TEXT
   10.text.field = title
   10.fontColor = #000000
   10.fontFile = fileadmin/fonts/UBL_____.TTF
   10.fontSize = 11
   10.offset = 14, 15
  
   20 = IMAGE
   20.file = GIFBUILDER
   20.file {
   XY = 217,1
   backColor = #FFFFFF
   }
   20.offset = 0, 19
   }
   MENU_LINKS.1.RO < .MENU_LINKS.1.NO
   MENU_LINKS.1.RO {
   tmp < .backColor
   backColor = #F1F2F2
   5 < .10
   5.fontColor < .tmp
   5.offset = 14,15
   }
  
   MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
   MENU_LINKS.2 < .MENU_LINKS.1
   MENU_LINKS.2 {
   NO.backColor = #FFFFFF
   NO.10.fontColor = #EF4138
   NO.20.file.backColor = #FFFFFF
   RO < .NO
   RO.backColor = #F1F2F2
   RO.5 >
   CUR < .RO
   }  

   MENU_LINKS.2.CUR < .MENU_LINKS.2.RO
   MENU_LINKS.3 < .MENU_LINKS.2
   MENU_LINKS.3 {
   NO.backColor = #FFFFFF
   NO.10 = TEXT
   NO.10.fontSize = 10
   NO.20.fontColor = #EF4138
   NO.30.file.backColor = #FFFFFF
   RO < .NO
   RO.backColor = #F1F2F2
   RO.5 >
   CUR < .RO
   }

Füge folgendes hinzu (außerhalb von Klammern, ganz unten), um die gewünschten Menüebenen zu erhalten:

 MENU_LINKS.4 < .MENU_LINKS.3

Mit dieser Zeile wird zunächst die 3. Menüebene kopiert als 4. Ebene.

Um jetzt das neu erhaltene Menü, dass alle Eigenschaften der 3. Ebene hat, zu bearbeiten, musst du einfach die zu ändernden Eigenschaften neu setzen:

MENU_LINKS.4 {
   NO.10 = TEXT
   NO.10.fontSize = 8
   RO < .NO
   RO.5 >
   CUR < .RO
   }

Jetzt hat Menüebene 4 Schriftgröße 8.
Die weiteren Zeilen sorgen dafür, dass die Veränderung in den weiteren Menüzuständen (RO = Mouseover, CUR = aktiver Menüpunkt) übernommen wird.

Das gleiche funtioniert nun analog auch für die 5. und jede weitere Menüebene. Es können natürlich bei Bedarf auch noch weitere Eigenschaften verändert werden neben der Textgröße.

Hey DANKE für die schnelle Antwort! Es funktioniert 🙂

Eine Frage habe ich noch:

Was bewirkt dieser Code der bei Ebene 2 und 3 steht?:

MENU_LINKS.1.CUR < .MENU_LINKS.1.RO

Der code bewirkt bei den unternen Menüebenen, dass die zuvor gemachten Änderungen an dem rollover Zustand auch für den Aktiven Menüpunkt in der Menüebene übernommen werden.

Ansonsten hätte der aktive Menüpunkt noch die Enstellungen, die zuvor aus der vorherigen Menüebene kopiert wurden.