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

[Arjan D]

Beste Jacco!

Bedankt voor de code! Op dit moment werkt deze bijna helemaal!
Alleen de class current wil hij nog niet uit het .css bestand pakken?

Ik heb hem zo in mijn css staan.

#navigatielinks DIV.current{
background-color: #e7e3d8;
color: #866b50;
border-bottom: solid 1px #866b50;
}
#navigatielinks DIV.current:hover {
background-color: #e7e3d8;
color: #000000;
}

Verder zou ik graag willen weten hoe je een apart menu item kan stylen.
Ik zie in de html dat hij deze meegeeft. Ik moet namelijk het bovenste
menu-item
een border van 1px meegeven.

Tot slot vraag ik me af wat dit is:

#ATagTitle.field = description // title
ATagTitle.field = description

Kan ik hier nog wat mee doen of moet ik dit laten voor wat het is? :)

Groeten,

Arjan

2009/5/11 Jacco van der Post <jacco at id-internetservices.com>

> 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 <http://1.no/>
>        1.ACT = 1
>        1.ACT.ATagParams = class="active" id="t-{elementUid}"
>        1.CUR < .1.NO <http://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
>
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>