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

Arjan D arjanduijkers at gmail.com
Mon May 11 18:32:55 CEST 2009


 Hoi Daniel,

Die dubbele <div> is er nu iig uit maar hij zet de class="selected" niet in
de uiteindelijke html code:

 ACT < .NO
 ACT.additionalParams = class="selected"

Hierdoor wordt de actieve menu links dus niet weergegeven.
Ik kan geen typfoutje ontdekken.

Ben benieuwd :)

2009/5/11 Daniel Doesburg <daniel at typo3-nl.eu>

> Hoi Arjan,
>
> Haal die twee regels met wrap en outerwrap er maar uit.
> Wat de actieve link betreft, dat zou moeten werken. Misschien een
> tikvoutje?
>
> En waarom dat ATagParams werkt? Da's een TYPO3 tric met de naam
> optionSplit. Lees TSref er maar eens op na.
>
> Met vriendelijke groeten,
>
> Daniel Doesburg
>
> Arjan D schreef:
>  > Beste Daniel,
> >
> > Ik heb jouw voorbeeld overgenomen en heb nu idd die border-top in mijn
> menu
> > staan! We zijn weer een stapje verder :)
> > Het enige wat er nog niet gebeurd is de actieve link. Dit komt doordat
> hij
> > de class selected niet doorgeeft?
> > De source code ziet er nu zo uit:
> >
> >  <div id="navigatielinks"><div id="navigatielinks"><ul><li> <a href=
> > "index.php?id=16" onfocus="blurLink(this);"  style="border-top:solid 1px
> > #866b50;">Startpagina</a> </li><li> <a href="index.php?id=10" onfocus=
> > "blurLink(this);"  >Workshops</a> </li><li> <a href="index.php?id=9"
> onfocus
> > ="blurLink(this);"  >Bruidsbloemwerk</a> </li><li> <a
> href="index.php?id=8"
> > onfocus="blurLink(this);"  >Feestelijke gelegenheden</a> </li><li> <a
> href=
> > "index.php?id=7" onfocus="blurLink(this);"  >Culinair bloemschikken</a>
> </li
> >> <li> <a href="index.php?id=6" onfocus="blurLink(this);"
>  >Inschrijven</a>
> > </li></ul></div></div>
> > Het rare is, is dat hij nu 2 keer <div id="navigatielinks"> erin heeft
> > staan.
> >
> > Verder werkt excludeUidList = 2,3,4,11,12,13,14,17 perfect :-)
> >
> > Tot slot nog een vraagje: Hoe weet het script hier precies dat die
> > border-top op de juiste plek komt?
> >
> > ATagParams = style="border-top:solid 1px #866b50;" |*| |*|
> >
> >
> > Groeten, Arjan
> >
> >
> >
> >
> >
> >
> >
> > 2009/5/11 Daniel Doesburg <daniel at typo3-nl.eu>
> >
> >> Arjan D schreef:
> >>
> >>> Ik heb hem zo in mijn css staan.
> >> Als je mijn voorbeeld gebruikt kun je de CSS die je in je eerste mailtje
> >> meestuurde weer gebruiken.
> >>
> >>> 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.
> >> Zie hoe ik dat in mijn voorbeeld heb opgelost.
> >> Nogmaals, er zijn veel meer mogelijke manieren.
> >> Kijk ook nog eens naar Jacco's voorbeeld. Hij heeft iets uitgehaald met
> >> het laatste item. Maar op dezelfde manier kun je ook het eerste item een
> >>  eigen class meegeven.
> >> Omdat in jouw voorbeeld de border-top hard in de source staat heb ik dat
> >> ook zo overgenomen in het typoscript.
> >>
> >> Zo zie je dat je in principe alles wat je ergens op het internet vind
> >> aan voorbeelden van HTML en CSS in/met typoscript kunt namaken.
> >>
> >>> Tot slot vraag ik me af wat dit is:
> >>>
> >>> #ATagTitle.field = description // title
> >>> ATagTitle.field = description
> >> Als je met je muis over een menu-item gaat wordt er een tekst getoond.
> >> Dat heet de title van de link.
> >> Met deze constructie geef je aan welke tekst getoond moet worden.
> >> De onderste neemt de tekst uit het description veld van de pagina.
> >> De eerste (maar dan zonder hekje) doet dat ook, maar als dat veld leeg
> >> is neemt ie de titel van de pagina. En die kan niet leeg zijn.
> >> Dus eigenlijk is die optie "beter".
> >>
> >>> Kan ik hier nog wat mee doen of moet ik dit laten voor wat het is? :)
> >> Doen dus
> >>
> >> Met het script van Jacco maak je nog mooiere dingen. Maar omwille van de
> >> eenvoud zou ik zeggen, parkeer dat even en kijk daar later, als je wat
> >> meer ervaring hebt met TYPO3 en CSS, nog eens naar.
> >> Veel van wat daar in staat is bedoeld voor menu's met meerdere niveaus.
> >> En dat heeft jouw menu niet.
> >>
> >>
> >> Succes.
> >>
> >>
> >> Met vriendelijke groeten,
> >>
> >> Daniel Doesburg
> >> _______________________________________________
> >>  TYPO3-UG-Dutch mailing list
> >> TYPO3-UG-Dutch at lists.netfielders.de
> >> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
> >>
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>


More information about the TYPO3-UG-Dutch mailing list