[TYPO3-UG Dutch] responsive menu
Jacco van der Post
jacco at id-internetservices.com
Fri Feb 6 10:44:36 CET 2015
Hoi Wiechert,
Foundation 5 is cool, maar werkt helaas niet zoals Bootstrap dat je maar
1 keer een menu moet aanmaken. Kijk maar in de source van
http://foundation.zurb.com/
Je zult dus 2 keer een menu moeten aanmaken. Ik heb hier wel een TS
voorbeeld van, echter dat kun je denk ik zelf ook wel.
Iets anders : we organiseren binnenkort weer een zeer leerzaam TYPO3camp
in Venlo, nieuws hierover volgt nog!
groet Jacco
"HocomAdvies [ 🌷 Wiechert Hooghwinkel ]" schreef op 5-2-2015 om 11:42:
> Hallo,
>
> In een fluid site, die met Foundation 5 gemaakt wordt werkt de responsive menu niet zoals verwacht. De template werkt buiten Typo3 zoals het hoort maar als alles in typo3 6.2 staat dan werkt het menu niet meer als het scherm kleiner wordt en de “hamburger” zichtbaar wordt (het responsive deel). Het kan aan de TS voor het menu liggen? Waarschijnlijk vergeet ik iets wat de “hamburger” werkzaam maakt :)
>
> De gebruikte TS:
>
> lib.mainmenu = HMENU
> lib.mainmenu{
> entryLevel = 0
> 1 = TMENU
> 1{
> wrap = <ul class="right"> | </ul>
> noBlur = 1
> NO = 1
> NO {
> wrapItemAndSub = <li> | </li>
> stdWrap.htmlSpecialChars = 1
> ATagTitle.field = title
> }
> ACT <.NO
> ACT{
> wrapItemAndSub = <li class="active">|</li>
> }
> }
> }
>
> Stukje html voor het menu deel:
>
> <!-- Nav Section -->
> <nav class="top-bar" data-topbar="" role="navigation">
> <ul class="title-area">
> <li class="name">
> <!-- Site home link - Usually name of your site -->
> <h2><a href="#">{siteName}</a></h2>
> </li>
> <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
> </ul>
>
> <section class="top-bar-section" style="left: 0%;">
> <f:cObject typoscriptObjectPath="lib.mainmenu" />
> </section>
> </nav>
>
> Iemand een suggestie om dit goed te krijgen? Bedankt.
>
> Met vriendelijke groeten,
> HocomAdvies
>
>
> Wiechert Hooghwinkel
>
>
>
>
--
Kind Regards
Jacco van der Post
More information about the TYPO3-UG-Dutch
mailing list