Hallo,
ich habe ein Problem mit dem Gmenu_Layers. Nach tagelangen Bastelleien habe ich das Ding endlich soweit, dass es in meinen Browsern IE6, NN7.1, Firefox 8 einigermaßen gut aussieht. Jetzt stelle ich fest, dass es auf IE6 (bei anderem Betriebssytem) und IE5, sowie Mozilla 8 und Opera absolut unbrauchbar erscheint. IE6 zeigt die Layer vom Untermenu nicht an, auch die anderen Browser haben Probleme mit der Darstellung, ebenso erscheint die Schrift klein und unleserlich.
Mit der Optimierung von Layern auf unterschiedliche Browsern kann ich zwar einigermaßen was anfangen, aber die Optimierung mit TypoScript ist absolut fremd. Deshalb meine Fragen:
Ist es überhaupt möglich, mit dem Gifbuilder ein vertikales Layermenu über drei Ebenen zu erstellen, welches ab Browsergeneration 5 eingesetzt werden kann ?
Lässt sich in das GMenu-Layer CSS einbinden und somit das Problem lösen? Das hatte ich zwar probiert aber bisher ohne Erfolg.
Lässt sich ein vergleichbares Layermenu auch anders realisieren und wie?
Für den Fall das es doch an meinen Fehlern im Code liegen sollte, poste ich den einfach mal mit. Vielleicht habe ich ja irgendwie was falsch gemacht.
Rosa
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
#Layer Menü links
temp.MENU = HMENU
temp.MENU.special = directory
temp.MENU.special.value = 1
temp.MENU.1 = GMENU_LAYERS
temp.MENU.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
#definition, wo der layer anfängt ist im css geregelt; alles nachfolgende gilt für die zweite ebene:
relativeToTriggerItem = 1
# positionen für die zweite ebene:
leftOffset = 175
topOffset = 0
lockPosition = y
dontFollowMouse = 1
hideMenuWhenNotOver = 1
hideMenuTimer = 250
wrap = <div class="layermenuposition">|</div>
expAll = 1
NO {
#definitionen für die erste ebene:
#backColor = #dedede
XY = 175,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/template/main/arial.ttf
10.fontColor = #133908
10.fontSize = 9
10.offset = 15,15
4 = IMAGE
4.file = fileadmin/template/main/bilder/no.gif
4.offset = 0,0
}
IFSUB < .NO
IFSUB = 1
IFSUB.6 = IMAGE
IFSUB.6.file = fileadmin/template/main/bilder/ifsub.gif
IFSUB.6.offset = 0,0
RO < .NO
RO = 1
RO.7 = IMAGE
RO.7.file = fileadmin/template/main/bilder/ro.gif
RO.7.offset = 0,0
IFSUBRO < .RO
IFSUBRO = 1
IFSUBRO.8 = IMAGE
IFSUBRO.8.file = fileadmin/template/main/bilder/ifsubro.gif
IFSUBRO.8.offset = 0,0
ACTIFSUB < .RO
ACTIFSUB = 1
ACTIFSUB.8 = IMAGE
ACTIFSUB.8.file = fileadmin/template/main/bilder/corifsub.gif
ACTIFSUB.8.offset = 0,0
ACT < .RO
ACT = 1
}
temp.MENU.2 = GMENU_LAYERS
temp.MENU.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
#position dritte ebene
hideMenuWhenNotOver = 1
hideMenuTimer = 150
relativeToParentLayer = 1
leftOffset = 190
lockPosition = y
expAll = 1
NO {
wrap = |<br />
backColor = #d6d6d6
XY = 195,20
10 = TEXT
10.text.field = title
10.offset = 10,15
10.fontSize = 9
10.fontColor = #133908
10.fontFile = fileadmin/template/main/arial.ttf
}
RO < .NO
RO = 1
RO.backColor = #416e37
RO.10.fontColor = #ffffff
ACT < .RO
ACT = 1
}
temp.MENU.3 = GMENU
temp.MENU.3.NO {
wrap = |<br / >
backColor = #416e37
XY = 175,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/template/main/arial.ttf
10.fontSize = 9
10.fontColor = #ffffff
10.offset = 15,15
}
temp.MENU.3.RO < .temp.MENU.3.NO
temp.MENU.3.RO = 1
temp.MENU.3.RO.backColor = #2f4828
temp.MENU.3.RO.10.fontColor = #ffffff
temp.MENU.3.ACT < .temp.MENU.3.NO
temp.MENU.3.ACT = 1
temp.MENU.3.ACT.backColor = #2F4828
temp.MENU.3.ACT.10.fontColor = #ffffff
Rosa