Hallo Community,
ich möchte gern ein horizontales Menu erstellen das folgendermassen aussieht:
(siehe Anhang)
- bei RollOver (ggf. auch Klick) muss es wie in der zweiten Zeile farblich hinterlegt werden
- die Buttons müssen die selbe Grösse haben
- schön wäre es wenn der Text dazu aus dem Seitenbaum gelesen werden würde da ich eine mehrsprachige Seite habe
Ich habe bisher noch keine Anleitung gefunden die mir so richtig weiterhelfen konnte. Kann mir bitte jemand einen guten Tipp geben?
Dankeschön
Ich habe mittlerweile einiges davon realisieren können:
- Menupunkte sind im gleichen Abstand
- Rollover funktioniert
Was ich jetzt noch machen möchte ist folgendes:
- der aktive (ausgewählt & rollover) punkt soll einen 120x30px grossen farblichen Hintergrund bekommen (das ist ein wenig kleiner als der Button selbst, der 130x35px gross ist)
- zwischen den Menupunkten muss noch ein vertikaler Strich hinzukommen, wie kann ich das anstellen?
Hier ist mein TS:
marks.MENU = HMENU
marks.MENU {
1=GMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
transparentBackground = 1
ATagTitle.field = title
#Alte Grösse mit var. Breite
#XY=[10.w]+10,24
XY=130,35
5 = IMAGE
5.file = fileadmin/template/images/menu/menuBG.png
10=TEXT
10 {
text.field=title
align=center
offset=0,24
fontColor=#000000
#fontFile=fileadmin/template/css/fonts/MetaWeb-Bold.eot
fontSize=18
}
}
ACT <.NO
ACT.10.fontColor = #5F021F
RO <.NO
RO.10.fontColor = #AAAAAA
ACTRO <.RO
}
}
Auch der Hintergrund funktioniert nun, ich habe das mittels einer "BOX" gelöst
Zuerst wird also mein "menuBG.png" gemalt (5), dann beim RollOver die farbliche BOX (RO.8 = BOX) und anschliessend noch die Schriftfarbe (10) der jeweiligen Zustände
marks.MENU = HMENU
marks.MENU {
1=GMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
transparentBackground = 1
ATagTitle.field = title
#Alte Grösse mit var. Breite
#XY=[10.w]+10,24
XY=130,35
5 = IMAGE
5.file = fileadmin/template/images/menu/menuBG.png
10=TEXT
10 {
text.field=title
align=center
offset=0,24
fontColor=#000000
#fontFile=fileadmin/template/css/fonts/MetaWeb-Bold.wof
fontSize=18
}
}
ACT <.NO
ACT.10.fontColor = #5F021F
RO <.NO
RO.10.fontColor = #FFFFFF
# Für den Hintergrund des Roll-Over Elementes
#
# Der Wert für die Erzeugung muss >5 (HintergrundImage) und <10 (Text) liegen,
# damit alles sichtbar ist
RO.8 = BOX
# Abstand von Links, Abstand von Oben, Breite (130-2*5), Höhe (35-2*3)
RO.8.dimensions = 5,3,120,29
RO.8.color = #5F021F
ACTRO <.RO
}
}
Aber WIE bekomme ich noch einen "|" (vertikaler Strich) zwischen den Menupünkten hin ?