Zen TYPO3 Forum

Hi for anyone interested in this i came across and article that does similar to what i needed
http://www.rvantwisk.nl/typo3-snippets/yacbddm-yet-another-css-based-drop-down-menu-for-typo3.html

I changed the code so that it picks up the images from the Files section under Edit Page Properties.
you can upload two files per page one for over and one for normal state. THe first file has to be the normal state and 2nd file is the hover/on state.

You will also need to download the .js and css files in order for this to work.(these files are in the link above)

have fun. Hopefully this helps someone


subparts.TOPNAV = HMENU
subparts.TOPNAV.special = directory
subparts.TOPNAV.special.value = 1
# Top horizontal dropdown menu
#######################################
subparts.TOPNAV = HMENU

##############################################################
subparts.TOPNAV.1 = GMENU
subparts.TOPNAV.1{
noBlur = 1
expAll =1
wrap = <div id="nav"><ul id="yacbddm" class="topmenul1"> | </ul><div> </div></div>

NO.allWrap = <li> |
NO.ATagParams = class="firstlevellink"

NO {
imgParams = border="0"
altImgResource.import = fileadmin/templates/pegasusproperty/menu/
altImgResource.import.field = media
altImgResource.import.listNum = 0

}


RO = 1
RO {
imgParams = border="0"
altImgResource.import = fileadmin/templates/pegasusproperty/menu/
altImgResource.import.field = media
altImgResource.import.listNum = 1

}

ACT.allWrap = <li> |
ACT.ATagParams = class="firstlevellink"
ACT = 1
ACT {
imgParams = border="0"
altImgResource.import = fileadmin/templates/pegasusproperty/menu/
altImgResource.import.field = media
altImgResource.import.listNum = 1

}


}



# First dropdown Menu configuration
subparts.TOPNAV.2 = TMENU
subparts.TOPNAV.2 {
noBlur = 1
expAll = 1
wrap = <ul class="topmenul2"> | </ul></li>
NO.wrapItemAndSub = <li>|</li>
IFSUB=1
IFSUB {
wrapItemAndSub = <li>|</li>
ATagParams = class="topmenul2-ifsub"
}
}
# Second dropdown is the same is first drop down
subparts.TOPNAV.3 < subparts.TOPNAV.2
subparts.TOPNAV.3.wrap = <ul class="topmenul2"> | </ul>

# Third dropdown is the same is first drop down
subparts.TOPNAV.4 < subparts.TOPNAV.2
subparts.TOPNAV.4.wrap = <ul class="topmenul2"> | </ul>

This is not currently possible. I'm fairly sure with enough Typoscript knowledge could apply this feature... I'm just not sure how.

Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington

Yes that part is very easy to do what i meant is i want a Seperate Background image for each first level item.
I have seen a few typo3 extentions do that but most fail in other browsers.

Have a look at the stylesheet used here and try adding something similar to the text in red.



Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington

Hi How do i change the Zwire typoscipt in order to make the first level Menu items based of images and then the rest just per normal.

so if i have
MENU 1
MENU 2
Sub menu 1
Sub menu 3

I would insert an image in page "Menu1" using the files area. and it would pick the image from there.

I have done it once but cant remember how i did that. any help would be appreciated.