Zum Inhalt springen

Layermenue mit speziellen Design

Erstellt am 6. September 2005 · 3 Antworten · letzte Antwort am 7. September 2005

Tags: Frage

Elham ·

Hi Leute,

Ich habe ein Problem und hoffe, dass mir Jemand ein Tipp geben kann 😉

Ich möchte ein Menü erstellen, die horizontal in zwei Zeilen erscheinen soll. Erste Zeile soll die Inhalte der ersten Ebene darstellen und die zweite Zeile die Inhalte der zweiten Ebene. Die zweite Zeile soll dann erscheinen, wenn auf ein Button der ersten Zeile geclickt wird. Ich muss dafür ein Layermenü benutzen. Das Problem ist, dass die Layermenüs, die ich kenne, immer in ein quadratigen Forma (ein Viereck mit verschiedenen Zeilen) erscheinen. Kann man nicht statt verschiedene Zeilen, alles in einer Zeile bringen? So zu sagen eine Zeile mit verschiedenen Spalten?

Beispiel:
news | home | aktuell | fokus
news1 | news2 | news3

rumpelstielzchen ·

das was du vor hast ist eigentlich nicht schwer...
ich bastel gerade an einer Lösung, und von der Funktion her funktioniert es schon! Ich kann dir mal hier einen Zwischenstand posten. So wie ich dein Problem jetzt verstanden habe, willst du es nicht untereinander stehen haben, oder? Solange du kein

wrap = |< br / >

in den TS machst, sollte es auch keine Auflistung des Menus untereinander geben! :-)

#********BEGIN MAINMENU********#
lib.mainMenu = HMENU
lib.mainMenu.1 = GMENU_LAYERS
lib.mainMenu.1 {
  layerStyle = position: absolute; visibility: hidden; 
  dontFollowMouse = 1
  expAll= 1
  displayActiveOnload = 0
  relativeToParentLayer= 1 
  dontHideOnMouseUp = 1   // dont hide mouse when klick
 }
  lib.mainMenu.1.NO {
  wrap = [ | | |*|  | | |*|  | ]
  format = gif
  backColor = #000000
  XY = [10.w]+0,13
  10 = TEXT
  10.text.field = title
  10.offset = 0,13
  10.align = center
  10.fontFile = fileadmin/fonts/helvetica.ttf
  10.fontSize = 8
  10.fontColor = #FFFFFF
 
}

lib.mainMenu.2 = GMENU
lib.mainMenu.2.NO {
  backColor = #000000
  wrap =  |*|  | / |*|  | 
  XY = [10.w]+0,13
  10 = TEXT
  10.text.field = title
  10.offset = 0,13
  10.fontFile = fileadmin/fonts/helvetica.ttf
  10.fontSize = 7
  10.align = center
  10.fontColor = #FFFFFF
  
}

Wie man es realisiert das die zweite Ebene erst nach dem Klick auf der ersten Ebene erscheint, das weiß (noch) ich nicht, oder ob dies überhaupt möglich ist!

Denk aber daran, das du gmenu_layers.php über

page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php

in dein Template-Setup mit einbindest!

Grüße

Rumpelstielzchen

Elham ·

hallo Rumpelstielzchen,

Vielen Dank für Deine Antwort. Ich habe inzwischen etwas umgestellt. Ich verwende zwei verschiedene Menüs (top_menu und sub_menu) und es funktioniert einwandfrei. Aber ich habe auch dein netten tipp mit Layermenü ausprobiert und sah auch ziemlich intressant aus!
Vielen Dank nochmal für deine Bemühung. Dieser Menü werde ich bestimmt später brauchen.

Grüß von
Elham