Hallo Leute!
Ich hab ein Menü welches aus DIV-Tags zusammengesetzt ist. In jedem dieser DIV-Tags ist ein Hintergrundbild. Nun werden diese DIV bei einem Roll-over farblich hervorgehoben mit RO_chBgColor. Jedoch überschreibt mir dieses das Hintergrundbild.
siehe hier: http://bvoit.cyberhouse.at/pages/pubcrew/index.php?id=74
Das TS sieht wie folgt aus:
# Menü 2
subparts.MENU2 = HMENU
subparts.MENU2.excludeUidList = 1,2,3,4,50
subparts.MENU2.entryLevel = 0
subparts.MENU2.maxItems = 7
subparts.MENU2.1 = TMENU
subparts.MENU2.wrap = <div>|</div>
#subparts.MENU2.1.expAll = 1
subparts.MENU2.1 {
NO {
allWrap (
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
|*|
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
|*|
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
)
# Rollovereffekt
subst_elementUid=1
RO_chBgColor = #D3F0A2 | #EBEBE5 | chgmenu
RO = 1
#ATagParams =
#beforeImg =
#beforeROImg =
#doNotLinkIt = 1
}
ACT {
allWrap (
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
|*|
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
|*|
<div style="float:left; height:17px; width:107px; vertical-align:middle; text-align:left; background-color:#EBEBE5; background-image:url('fileadmin/bvoit/images/menus/menu_s.gif'); background-repeat:no-repeat; background-position:right; margin-right:1px;" class="menu2act" id="chgmenu{elementUid}"><img src="fileadmin/bvoit/images/menus/menuclear.gif" alt="" /><b>|</b></div>
)
}
ACT = 1
}
Hat jemand eine Idee oder einen Tipp wie ich das ganze realisieren kann?
Danke im Vorraus!
lg, Bernhard