Re: [TYPO3-english] typoscript multi-column mega-menu

[Bernd Wilke]

On 09/13/2011 06:03 AM, jaco graaff wrote:
I want to split a submenu hierchy into columns for a multi-column mega-menu
the result would be something like this

if you want your breaks individually use spacers.
using the TS below you can break everywhere.
Please use a apropiate CSS for the flyout.

  10 = HMENU
  10 {
    wrap = <div id="mainmenu">|</div>
    entrylevel = 1
    1 = TMENU
    1 {
      noBlur = 1
      expAll = 1
      wrap = <ul>|</ul>
      NO = 1
      NO.wrapItemAndSub = <li class="lev1">|</li>
      NO.allWrap = <div class="bg">|</div>
      NO.stdWrap.htmlSpecialChars = 1

      IFSUB < .NO
      IFSUB.wrapItemAndSub = <li class="lev1 sub">|</li>

      ACT < .NO
      ACT.wrapItemAndSub = <li class="lev1 actmenu">|</li>

      ACTIFSUB < .IFSUB
      ACTIFSUB.wrapItemAndSub = <li class="lev1 sub actmenu">|</li>

      CUR < .ACT
      CUR.wrapItemAndSub = <li class="lev1 curmenu">|</li>

      CURIFSUB < .ACTIFSUB
      CURIFSUB.wrapItemAndSub = <li class="lev1 sub curmenu">|</li>
    }
    2 = TMENU
    2 {
      noBlur = 1
      expAll = 1
      wrap = <div class="flyout"><ul class="lev2">|</ul><div 
class="clear"><!-- --></div></div>
      NO = 1
      NO.wrapItemAndSub = <li class="lev2">|</li>
      NO.stdWrap.htmlSpecialChars = 1
      ACT < .NO
      ACT.wrapItemAndSub = <li class="lev2 actmenu">|</li>
      CUR < .ACT
      CUR.wrapItemAndSub = <li class="lev2 curmenu">|</li>
      SPC = 1
      SPC.doNotShowLink = 1
      SPC.doNotLinkIt = 1
      SPC.allWrap=</ul>|<ul class="lev2">
    }
    3 < .2
    3.wrap = <ul>|</ul>
    3.NO.wrapItemAndSub = <li class="lev3">|</li>
    3.ACT.wrapItemAndSub = <li class="lev3 actmenu">|</li>
    3.CUR.wrapItemAndSub = <li class="lev3 curmenu">|</li>
    3.SPC.allWrap=</ul></li></ul>|<ul class="lev2"><li><ul>

    4 < .3
    4.NO.wrapItemAndSub = <li class="lev4">|</li>
    4.ACT.wrapItemAndSub = <li class="lev4 actmenu">|</li>
    4.CUR.wrapItemAndSub = <li class="lev4 curmenu">|</li>
    4.SPC.allWrap=</ul></li></ul></li></ul>|<ul 
class="lev2"><li><ul><li><ul>

  }

bernd
--
http://www.pi-phi.de/cheatsheet.html
_______________________________________________
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english