T-Menu mit Unterpunkten

Hallo,
ich würde gerne dieses Menu mit TypoScript umsetzen:
Allerdings fehlt mir die Erfahrung mit TS, würde mich echt freuen wenn mir jemand unter die Arme greifen kann um das zu bewerkstelligen.

Code:

<ul id="nav">
<li class="off"><a href="#">Renaissance</a> 
<ul><li><a href="#">Brunelleschi</a></li>  
<li><a href="#">Alberti</a></li>  
<li><a href="#">Palladio</a></li>  
<li><a href="#">Michelangelo</a></li>  
<li><a href="#">Bramante</a></li> 
</ul>
</li> 
<li class="off"><a href="#">Art Nouveau</a> <ul>  
<li><a href="#">Mackintosh</a></li> 
 <li><a href="#">Guimard</a></li>  
<li><a href="#">Horta</a></li>  
<li><a href="#">van de Velde</a></li> 
</ul></li> 
<li class="on"><a href="#">Modern</a> 
<ul>  
<li><a href="#">Sullivan</a></li> 
<li><a href="#">Le Corbusier</a></li>
<li><a href="#">Mies</a></li> 
 <li><a href="#">Gropius</a></li> 
 <li><a href="#">Yamasaki</a></li> 
</ul></li> 
<li class="off"><a href="#">Postmodern</a> 
<ul></ul>

Lg
Sabsine

Hi.

hier mal ein Typoscript Grundgerüst auf dem du aufbauen kannst:

meinMenu = HMENU
meinMenu{
  1=TMENU
  1{
    wrap=<ul id="nav">|</ul>
    NO{
      wrapItemAndSub = <li>|</li>
      ATagTitle.field=title
    }
  }
  2<.1
  2.wrap=<ul>|</ul>
  3<.2  
}

Beschäftige dich dann mal mit den verschiedenen Zuständen (ACT, ACTIFSUB usw.). Damit kannst du dann z.B. für aktive Menüelemente andere CSS Klassen definieren.

Hausaufgabe TS Referenz lesen:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states

😃

oder einfach in den 1. Thread in dieser Kategorie schauen, da sind alle wichtigen Menüs dabei

georg

Danke für die Antworten!
Ich will echt nicht nerven aber ich zweifle ob ich das hin bekomme.
Wenn der aktive Menupunkt gekennzeichnet sein soll mit "on" und der Rest mit "off", und gleichzeitig noch ne Klasse bekommt der ihn als Hauptmenupunkt "mainmenu" kennzeichnet (alle darunterliegenden Unterpunkte aber nicht).
Kann mir jemand sagen wie ich das mache mit den zwei tags in einem li?

<div id="container">
	<ul id="nav">
	<li id="mainmenu" class="off"><a href="#"><span>Renaissance</span></a>

	<ul>
		<li><a href="#">Brunelleschi</a></li>
		<li><a href="#">Alberti</a></li>
		<li><a href="#">Palladio</a></li>
		<li><a href="#">Michelangelo</a></li>
		<li><a href="#">Bramante</a></li>

	</ul></li>
		<li id="mainmenu" class="on"><a href="#"><span>Modern</span></a>
	<ul>
		<li><a href="#">Sullivan</a></li>
		<li><a href="#">Le Corbusier</a></li>
		<li><a href="#">Mies</a></li>
		<li><a href="#">Gropius</a></li>

		<li><a href="#">Yamasaki</a></li>
	</ul></li>
	
	
</ul></div>

Wäre echt toll wenn mir jemand helfen könnte...
Lg
Sabsine

Ich poste jetzt mal nur die entscheidenden Stellen:

NO.wrapItemAndSub = <li id="mainmenu" class="off">|</li>

und

ACT.wrapItemAndSub = <li id="mainmenu" class="on">|</li>

damit hast du deine on und off Kennzeichnung.