Zum Inhalt springen

GMenu_Layers mit mehr als 2 Stufen

Erstellt am 19. Mai 2010 · 1 Antwort · letzte Antwort am 19. Mai 2010

Tags: Frage

erschaup ·

Hallo Zusammen,

ich würde gerne das Layer-Menu (GMenu) benutzen und dabei die 3. Ebene rechts von der 2. Ebene platzieren. Aber irgendwie schaff ich das nicht. Kann ich das nur über CSS steuern, oder auch über Typoscript. Mein Menu sieht derzeit so aus, was natürlich sehr lang wird (zu sehen auf http://www.amhoff.de/index.php)

includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
tmp.HAUPTNAVIGATION = HMENU
tmp.HAUPTNAVIGATION.1 = GMENU_LAYERS
tmp.HAUPTNAVIGATION.1 {
   layerStyle = position:absolute;VISIBILITY:hidden;
   expAll = 1
   wrap = <table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>   
   relativeToTriggerItem = 1
   relativeToTriggerItem.addHeight = 1
   leftOffset = 12
   topOffset = 0
   hideMenuWhenNotOver = 1
   hideMenuTimer = 0
   #useLargestItemX = 1
   disableAltText = 1
   dontFollowMouse =1
   #directionUp = 4

   NO {
      wrap = |*| <td height="30">|</td> |*|
      XY = [10.w]+25, 30
      backColor = #ff8800
      #XY = 100, 30
      #transparentBackground = 1
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      #10.niceText = 1
      10.offset = 20,27
      10.fontFile = fileadmin/fonts/verdanab.ttf
      10.fontColor = #ffffff
      10.fontSize = 13     
      }
}

tmp.HAUPTNAVIGATION.2 = GMENU
tmp.HAUPTNAVIGATION.2 {
   expAll = 1
   relativeToParentLayer = 1
   useLargestItemX = 1
   disableAltText = 1
   hideMenuWhenNotOver = 1
   wrap = <div ID="transparentes-menue">|</div>
   NO {
      wrap = |<br>
      XY = 120,20
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 5,15
      #10.fontFile = fileadmin/fonts/verdanab.ttf
      10.fontColor = #333333
      10.fontSize = 12
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800      
      }
   }
      ACT = 1
      ACT {
      wrap = |<br>
      XY = 120,20
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 5,15
      #10.fontFile = fileadmin/fonts/verdanab.ttf
      10.fontColor = #ff8800
      10.fontSize = 12
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800     
      }
   }
      RO = 1
      RO {
      wrap = |<br>  
      XY = 120,20
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 5,15
      #10.fontFile = fileadmin/fonts/verdanab.ttf
      10.fontColor = #ff8800
      10.fontSize = 12
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800    
      }
   }
}

  
tmp.HAUPTNAVIGATION.3 = GMENU
tmp.HAUPTNAVIGATION.3 {
   relativeToParentLayer = 2
   useLargestItemX = 1
   disableAltText = 1
   hideMenuWhenNotOver = 1
   wrap = <DIV ID="transparentes-menue">|</DIV>
   NO {
      wrap = |<br>
      XY = 115,18
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 10,15
      10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
      10.fontColor = #333333      
      10.backColor = #fcdcb8
      10.fontSize = 11
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800     
      }
   }
      ACT = 1
      ACT {
      wrap = |<br>
      XY = 115,18
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 10,15
      10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
      10.fontColor = #ff8800
      10.fontSize = 11
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800      
      }
   }
      RO = 1
      RO {
      wrap = |<br>  
      XY = 115,18
      10 = TEXT
      10.text.field = title
      #10.text.case = upper
      10.align = left
      10.offset = 10,15
      10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
      10.fontColor = #ff8800
      10.fontSize = 11
      20 = IMAGE
      20.file = GIFBUILDER
      20.file {
      XY = 135,1
      backColor = #ff8800      
      }
   }
}

Wäre über Hilfe sehr dankbar. Alternativ köme auch ein Textmenü in Betracht, es sollte aber eines sein, dass auch im IE funktioniert. Hatte da schon eines drin, aber das hat mir die ganze Seite zerschossen.

Gruß
erschaup

kolja ·

Habe selbst noch keine GMENUs benutzt und weiß deshalb nicht, ob all die Style-Angaben schon vor der Menü-Generierung notwendig sind.

Ein grundsätzlicher Gedanke:
Könnte man nicht anstelle der ewig vielen CSS-Angaben in Deinem TS die ganzen CSS-Geschichten in eine externe CSS-Datei auslagern und in Deinem TS nur mit id=xxx oder class=xxx arbeiten? Hätte den Vorteil, daß Dein TS übersichtlicher wird und Du die einzelnen Bereiche besser kapseln kannst. Struktur im TS und Optik im CSS.

(Was dann konsequent gedacht übrigens dahin weitergeht, daß ich gar kein GMENU einsetzen würde, sondern optische Geschichten komplett via CSS regeln würde).

Habe mir Dein Beispiel angesehen. Ich unterstreiche meine Aussage nochmal. Schmeiß das GMENU weg. Nimm Dir stinknormale HTML-Listen her, generiere diese plus entsprechende id und class (für CSS-Auswertung) via TS. Und alle Optik erledige im Nachhinein komplett per CSS. Macht die Sache übersichtlicher, Suchmaschinenfreundlicher, Behindertengerechter und, und, und.