Hallo,
versuche schon seit Tagen ein Menü wie auf der Seite :
http://www.mercedes-benz.de/content/germany/mpc/mpc_germany_website/de/home_mpc/passenger_cars.html
hinzubekommen. Mit Gmenu_Layers geht auch fast!!!
Ich bekomme nicht die zweite Ebene ganz an den linken Rand.
Es öffnet sich das Menü immer unter dem jeweiligen Menüpunkt und NICHT immer am linken RAND.
Welche Einstellung ist notwendig dazu?
Danke für eure Hilfe
Tom
Das MB-Menü ist ohne Probleme mit GMENU_LAYERS und optionSplit machbar.
tom_meier schriebWelche Einstellung ist notwendig dazu?
Es ist eher notwendig,
eine Menge Einstellungen nicht zu machen. 😉
Z.B. relativeToParent und wie sie alle heißen.
Du mußt einfach nur dafür sorgen,
daß die 2te Ebene absolut positioniert wird.
jenses
Ok noch mehr kann ich nicht weglassen. Allerdings befürchte ich das ich etwas vergessen habe.
Das Menü sieht auch so ähnlich aus nur die zweite Ebene liegt nichrt immer links an sondern verschiebt sich unter den Menüpunkt.
Hier mein Code:
##### menü ############################
marks.MENU = HMENU
marks.MENU.special = directory
marks.MENU.special.value = 1
marks.MENU.1 = GMENU_LAYERS
marks.MENU.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
xPosOffset = -100
lockPosition = x
expAll=1
topOffset = 103
}
marks.MENU.1.NO {
backColor = #e4e4e4
XY = [10.w] +15, 17
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.TTF
10.fontSize = 11
10.fontColor = #666666
10.offset = 3,10
}
#############################
marks.MENU.2 = GMENU_LAYERS
marks.MENU.2.layerStyle = position:absolute;VISIBILITY:hidden;
marks.MENU.2.NO {
backColor = #e4e4e4
XY = 115, [10.h] +10
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.TTF
10.fontSize = 11
10.fontColor = #666666
10.offset = 3, 15
}
Ok noch mehr kann ich nicht weglassen.
Doch 😉
xPosOffset = -100
lockPosition = x
Weg damit !
Du brauchst nur das hier :
layerStyle = position:absolute;top:100px;left:192px;width:179px;VISIBILITY:hidden;
Werte mußt Du natürlich noch anpassen.
(Das herauszufinden hat mich damals übrigens 3 Tage gekostet ,
was habe ich geflucht. #giggle# )
jenses
Also ich würde das nicht mit GLAYERS machen, sondern nur
mit CSS. Wenn Du die den Quellcode anschaust, siehst Du, das Mercedes das auch so macht!
katees schriebAlso ich würde das nicht mit GLAYERS machen, sondern nur
mit CSS. Wenn Du die den Quellcode anschaust, siehst Du, das Mercedes das auch so macht!
Naja, es ist schon ein bißchen mehr, als nur CSS (JS z.B.)
In Typo3 würde man das wohl mit TMENU_LAYERS machen. 😉
jenses
Ich habe auch nicht gemeint, das CSS alles ist, aber ich finde, das mit Grafiken zu machen, geht zwar auch, aber man nimmt höhere Ladezeiten und schlechter Barrierefreiheit etc in Kauf.
Natürlich muss man per JS dann die RollOver-Effekte machen, um den Style für das jeweilige Element zu tauschen!
ggggeeeeiiiilllll 😃
es funktioniert
aber sei getröstet ich habe länger als 3 Tage dran gearbeitet....
und so simpel..... man man
Trozdem vielen Dank
Tom
Hallo!
Funzt es wirklich? Kannst du nochmals den ganzen funkionierenden Source für das Menü posten? Wäre hammernett.
Greez Toyde
Hier der Code:
##### menü ############################
marks.MENU = HMENU
marks.MENU.special = directory
marks.MENU.special.value = 1
marks.MENU.1 = GMENU_LAYERS
marks.MENU.1 {
#LayerStyle
layerStyle = position:absolute;top:83px;left:162px;width:500px;VISIBILITY:hidden
displayActiveOnLoad=0
#The 2 Lines are used to close the new layer (mouseover menu)
hideMenuWhenNotOver = 50
hideMenuTimer = 500
#To show all menu items of the next level they have to be activ
expAll=1
#Used to show the menu items
NO = 1
NO{
XY=[10.w]+10, 19
backColor=#e4e4e4
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
10.align = left
10.niceText=0
10.offset= 3,13
20 = BOX
20.dimensions =0,18,[10.w]+10,1
20.color= #c3c3c3
30 = BOX
30.dimensions =[10.w]+9,0,1,19
30.color= #c3c3c3
}
RO = 1
RO < .NO
RO{
backColor=#f0f0f0
10 = TEXT
10.text.field = title
10.fontColor = #ffb000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
10.align = left
10.niceText=0
10.offset=3,13
20 = BOX
20.dimensions =0,18,[10.w]+10,1
20.color= #f0f0f0
30 = BOX
30.dimensions =[10.w]+9,0,1,19
30.color= #c3c3c3
}
}
#################################
# Top Navigation 2nd Level
marks.MENU.2 = GMENU_LAYERS
marks.MENU.2 {
displayActiveOnLoad=0
expAll=1
NO{
XY=[10.w]+30, 19
backColor=#f0f0f0
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
10.align = center
10.niceText=0
10.offset=3,13
30 = BOX
30.dimensions =[10.w]+29,2,1,17
30.color= #c3c3c3
}
ACT = 1
ACT < .NO
ACT = 1
ACT.10.fontColor = #ffb000
RO < .NO
RO = 1
RO.10.fontColor = #ffb000
}