Gmenu based CSS dropdown
This a version of 
YACBDDM send in by a friend of mine 
Voidus. However the change that has been made is that the first level menu is a GMENU. All principles follow to the origional menu so not to much explanation here, just the code.
Have fun!
And thanks Voidus for charging the code.
The CSS can be downloaded 
here.
The javascript can be downloaded here.
This is the Typoscript needed to get it work:
##############################################################
# Include the CSS
page.includeCSS {
file105 = fileadmin/templates/css/yacbddm_gmenu.css
}
yacbddm = COA
yacbddm.10 = HMENU
##############################################################
yacbddm.10.1 = GMENU
yacbddm.10.1{
noBlur = 1
expAll =1
wrap = <ul id="yacbddm" class="topmenul1"> | </ul><div> </div>
NO.allWrap = <li> |
NO.ATagParams = class="firstlevellink"
NO {
XY = [1.w],[1.h]
1 = IMAGE
1 {
XY = [10.w],[10.h]
file = GIFBUILDER
file {
XY = [10.w]+20,27
backColor = white
10 = TEXT
10 {
align = center
niceText = 1
text.field = title
offset = 0,20
fontColor = #002255
fontSize = 14
fontFile = fileadmin/templates/fonts/chicago.ttf
}
}
}
}
RO < .NO
RO = 1
RO.1.file.10.fontColor >
RO.1.file.10.fontColor = #4466AA
ACT < .NO
ACT = 1
ACT.1.file.10.fontColor >
ACT.1.file.10.fontColor = #4466AA
}
# First dropdown Menu configuration
yacbddm.10.2 = TMENU
yacbddm.10.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
yacbddm.10.3 < yacbddm.10.2
yacbddm.10.3.wrap = <ul class="topmenul2"> | </ul>
# Third dropdown is the same is first drop down
yacbddm.10.4 < yacbddm.10.2
yacbddm.10.4.wrap = <ul class="topmenul2"> | </ul>
yacbddm.20 = TEXT
yacbddm.20.value (
<script src="fileadmin/templates/scripts/yacbddm.js" type="text/javascript"></script>
<script type="text/javascript">/*activateMenu('yacbddm')*/</script>
)
# Include the CSS
page.includeCSS {
file105 = fileadmin/templates/css/yacbddm_gmenu.css
}
yacbddm = COA
yacbddm.10 = HMENU
##############################################################
yacbddm.10.1 = GMENU
yacbddm.10.1{
noBlur = 1
expAll =1
wrap = <ul id="yacbddm" class="topmenul1"> | </ul><div> </div>
NO.allWrap = <li> |
NO.ATagParams = class="firstlevellink"
NO {
XY = [1.w],[1.h]
1 = IMAGE
1 {
XY = [10.w],[10.h]
file = GIFBUILDER
file {
XY = [10.w]+20,27
backColor = white
10 = TEXT
10 {
align = center
niceText = 1
text.field = title
offset = 0,20
fontColor = #002255
fontSize = 14
fontFile = fileadmin/templates/fonts/chicago.ttf
}
}
}
}
RO < .NO
RO = 1
RO.1.file.10.fontColor >
RO.1.file.10.fontColor = #4466AA
ACT < .NO
ACT = 1
ACT.1.file.10.fontColor >
ACT.1.file.10.fontColor = #4466AA
}
# First dropdown Menu configuration
yacbddm.10.2 = TMENU
yacbddm.10.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
yacbddm.10.3 < yacbddm.10.2
yacbddm.10.3.wrap = <ul class="topmenul2"> | </ul>
# Third dropdown is the same is first drop down
yacbddm.10.4 < yacbddm.10.2
yacbddm.10.4.wrap = <ul class="topmenul2"> | </ul>
yacbddm.20 = TEXT
yacbddm.20.value (
<script src="fileadmin/templates/scripts/yacbddm.js" type="text/javascript"></script>
<script type="text/javascript">/*activateMenu('yacbddm')*/</script>
)