[TYPO3-english] How to build droplist/dropslide menu using Typo3?

d.ros projects at r-system.de
Tue May 28 03:21:41 CEST 2013


Am 28.05.2013 01:37, schrieb Benoit Montereau:
> Does someone have a working TS config to build a 100% css droplist (or
> dropslide?) menus like the ones available ie. on:
>
> -typo3.org
> -www.cssplay.co.uk/menus/cssplay-responsive-droplist-touch-screen.html
>
> As far as I can see, menus on typo3.org are not 100% css (javascript is
> used).


Not true. Go with Tmenu / Hmenu ans you are 100% JS free.

>
> Thank you in advance for your help and suggestion.
> Ben
>

Menu generation is quite easy

lib.mainMenu = COA
lib.mainMenu {
10 = HMENU
10 {

special = directory
# Where shall you menu Begin ?
special.value = {$START_PID}
# PageID´s to exclude
excludeUidList = {$HMENU_EXCLUDEPID}
# erstes level
1 = TMENU

1.wrap = <nav><ul id="MyMenu">|</ul></nav>

1{

#Disable onFocus Blur Stuff
noBlur = 1

#Show all items
expAll = 1

NO{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
ACT=1
ACT{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
ACTIFSUB=1
ACTIFSUB{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
CUR=1
CUR{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
CURIFSUB=1
CURIFSUB{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
IFSUB=1
IFSUB{
	wrapItemAndSub = <li > | </li> |*| <li> | </li> |*| <li> | </li>
}
}

# Second & more Levels
# How to extend the Levels is a task you have to determine from the 
http://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Hmenu/Index.html

}
}

Bind the lib.mainMenu to your desired Object

keep in mind that this is plain TS. The CSS definition must come from 
you. Cheers.

David


More information about the TYPO3-english mailing list