A sample for a 3 level TMENU. Here we can see how to use the itemstates ACT,NO, CUR and IFSUB. This snippet has no special functions, it just creates a simple unordered list.

temp.tmenu= HMENU 
temp.tmenu{
    # first level
  1 = TMENU
  1.wrap = <ul class="menu-level1">|</ul>
  1{
    	  # no state: formatting for normal items
    NO{
      wrapItemAndSub = <li>|</li>
    }
     		# act state: valid from the rootpage to the actual page
    ACT=1
    ACT{
      wrapItemAndSub = <li class="menu-level1-active">|</li>
    }
     		# cur state: valid for the actual page
    CUR=1
    CUR{
      wrapItemAndSub = <li class="menu-level1-current-active">|</li>
    }
     		# ifsub state: valid for pages that have subpages
    IFSUB=1
    IFSUB{
      wrapItemAndSub = <li class="menu-level1-with-subpage">|</li>
    }
  }
  	# second level 	
  2 = TMENU
  2.wrap = <ul class="menu-level2">|</ul>
  2{
    NO{
      wrapItemAndSub = <li>|</li>
    }
    ACT=1
    ACT{
      wrapItemAndSub = <li class="menu-level2-active">|</li>
    }
    CUR=1
    CUR{
      wrapItemAndSub = <li class="menu-level2-current-active">|</li>
    }
    IFSUB=1
    IFSUB{
      wrapItemAndSub = <li class="menu-level2-with-subpage">|</li>
    }
  }
  	# third level 	
  3 = TMENU
  3.wrap = <ul class="menu-level3">|</ul>
  3{
    NO{
      wrapItemAndSub = <li>|</li>
    }
    ACT=1
    ACT{
      wrapItemAndSub = <li class="menu-level3-active">|</li>
    }
    CUR=1
    CUR{
      wrapItemAndSub = <li class="menu-level3-current-active">|</li>
    }
    IFSUB=1
    IFSUB{
      wrapItemAndSub = <li class="menu-level3-with-subpage">|</li>
    }
  }
}

Mehr in der tsref:

Common item states for TMENU, GMENU and IMGMENU series

TMENU

TMENUITEM

HMENU

Comments

vitaly, 19-09-07 12:05:

---

Good example. It helps me. Thanx.

Janna, 23-02-10 04:40:

---

what about the css? I am still not clear how to link typoscript with the css.

Kindly assist.

Thank you

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *