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

[Arjan D]

Ha Bas,

Ook dat wil nog niet werken!
Wel heb ik ondertussen het menu aan de bovenkant op zijn plek zitten maar
logischerwijs doet
de actieve link het daar ook niet.

Maar het begint al ergens op te lijken :)




2009/5/11 Wiel, J.A.M. van de <j.a.m.v.d.wiel at tue.nl>

> Puntje voor .NO even weghalen.. dat zou kunnen helpen.
>
> Groeten,
> Bas
> ________________________________________
> From: typo3-ug-dutch-bounces at lists.netfielders.de [
> typo3-ug-dutch-bounces at lists.netfielders.de] On Behalf Of Arjan D [
> arjanduijkers at gmail.com]
> Sent: Monday, May 11, 2009 6:32 PM
> To: TYPO3 Usergroup Dutch
> Subject: Re: [TYPO3-UG Dutch] Hoe maak ik een menu met typo3
>
>  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
> >
> _______________________________________________
> 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
>