[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