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

[Jacco van der Post]

Hallo Arjan,

Leuk dat je met TYPO3 aan het stoeien bent. Het is even pittig in het 
begin maar later wil je niets anders meer :)

Gezien vanuit correct HTML is het het mooiste om de menu items in een 
unordered list te genereren. Dus iets van :
<ul>
<li>Home</li>
<li>Pagina 1 </li>
<li>Contact </li>
</ul>

Zo te zien gebruik je het object temp.navigatielinks voor je navigatie.

Dit is een fijn brok code om semantisch correcte HTML mee te genereren :

temp.navigatielinks = HMENU
temp.navigatielinks {
	1 = TMENU
	1.noBlur = 1
	1 {
		wrap = <ul>|</ul>
		NO {
			ATagParams = id="t-{elementUid}"
			subst_elementUid = 1
			#ATagTitle.field = description // title
			ATagTitle.field = description
			wrapItemAndSub  = <li>|</li> |*|  <li>|</li> |*|  <li 
class="last">|</li>			
			ATagBeforeWrap = 1
                 	linkWrap= <span>|</span>

		}
	}
	1.ACT < .1.NO
	1.ACT = 1
	1.ACT.ATagParams = class="active" id="t-{elementUid}"
	1.CUR < .1.NO
	1.CUR = 1
	1.CUR.ATagParams = class="current" id="t-{elementUid}"
	
	entryLevel = 0
	2<.1
	3<.1
}

Zoals je ziet heb je bij deze typoscript nog wat mooie extra's, zoals :
- iedere menu item krijgt zijn eigen id, leuk om evt. speciaal te kunnen 
stylen
- het laatste menu item krijgt de class "last", handig om bijv. bij een 
horizontaal menu het laatste menu item niet een verticaal balkje te geven
- een item die op dit moment is aangeklikt krijgt de class "current", 
zodat je kunt stylen dat je daar bent.
- Dit menu is 3 lagen diep. Dat kun je aan de laatste 3 regels zien.


Kijk wel even uit voor de wordwrap van deze email...


-- 

Met vriendelijke groet,

Jacco van der Post
www.id-internetservices.com