[TYPO3-UG Dutch] Hoe maak ik een menu met typo3

[Daniel Doesburg]

Hoi Arjan,

Arjan D schreef:
> Hallo allemaal,
> 
> Ik ben vorige week begonnen mij te verdiepen in Typo3.
> Erg leuk allemaal maar toch best lastig :)

Klopt. Maar wees gerust, het wordt steeds minder lastig en steeds leuker.

> Wat ik graag zou willen is een menu maken dat eruit ziet als deze
> 
> http://www.marbloem.nl/nieuw/ (linker menu)
> 
> De css code die ik hiervoor gebruik is dit:
> 

> Hoop dat jullie mij kunnen helpen!
> En dat ik zo wat meer kan leren van de werking van Typo3!


Welkom bij de TYPO3-club.

Jouw probleem kan op een heleboel manieren opgelost worden.
Hieronder heb ik er eentje uitgewerkt, maar niet getest.
Ik hoop dat het voor zich spreekt en anders horen we je wel weer.

Ik heb even het stukje source uit je voorbeeld geknipt:
<div id="menu">
	<div id="navigatielinks">
		<ul>
			<li><a href="index.php" style="border-top:solid 1px #866b50;" 
class="selected" >Startpagina </a></li>
			<li><a href="workshops.php" >Workshops </a></li>
			<li><a href="bruidsbloemwerk.php" >Bruidsbloemwerk </a></li>
			<li><a href="feestelijkegelegenheden.php" >Feestelijke gelegenheden 
</a></li>
			<li><a href="culinairbloemschikken.php" >Culinair bloemschikken </a></li>
			<li><a href="inschrijven.php" >Inschrijven </a></li>
		</ul>
	</div>
</div>

Dat moeten we dus nabouwen:
Let er op dat de regels door je emailclient afgebroken kunnen worden.
Plak dit stuk typoscript ergens in je template, boven/voor het stuk met 
de autoparser.

lib.menu = HMENU
lib.menu {
	outerWrap = <div id="menu"> | </div>
	wrap = <div id="navigatielinks"> | </div>
	// hier vul je de id's in van de pagina's die niet in dit menu getoond 
moeten worden
     excludeUidList = w,x,y,z
     1 = TMENU
     1 {
         wrap = <ul> | </ul>
		NO = 1
		NO {
			linkWrap = <li> | </li>
			// border voor het eerste/bovenste item - is ook (mooier) met CSS op 
te lossen
			ATagParams = style="border-top:solid 1px #866b50;" |*| |*|
		}
		ACT < .NO
		ACT.additionalParams = class="selected"
	}
}


Vervang dan dit stuk:
# LINKER MENU cObject
temp.navigatielinks = HMENU
  # First level menu-object, textual
temp.navigatielinks.1 = TMENU
temp.navigatielinks.1 {
   # Normal state properties
  NO.allWrap = <div class="no"> | </div>
   # Enable active state and set properties:
  ACT = 1
  ACT.allWrap = <div class="act"> | </div>
}

door:
temp.navigatielinks < lib.menu


Ik ben benieuwd.

Met vriendelijke groeten,

Daniel Doesburg