Suche
Teilen
startseite » forum

GMenu_Layers mit mehr als 2 Stufen

  • erschaup erschaup
    Padawan
    0 x
    51 Beiträge
    0 Hilfreiche Beiträge
    19. 05. 2010, 10:12

    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 [url=]www.amhoff.de/index.php[/url])

    1. includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
    2. tmp.HAUPTNAVIGATION = HMENU
    3. tmp.HAUPTNAVIGATION.1 = GMENU_LAYERS
    4. tmp.HAUPTNAVIGATION.1 {
    5.    layerStyle = position:absolute;VISIBILITY:hidden;
    6.    expAll = 1
    7.    wrap = <table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>   
    8.    relativeToTriggerItem = 1
    9.    relativeToTriggerItem.addHeight = 1
    10.    leftOffset = 12
    11.    topOffset = 0
    12.    hideMenuWhenNotOver = 1
    13.    hideMenuTimer = 0
    14.    #useLargestItemX = 1
    15.    disableAltText = 1
    16.    dontFollowMouse =1
    17.    #directionUp = 4
    18.  
    19.    NO {
    20.       wrap = |*| <td height="30">|</td> |*|
    21.       XY = [10.w]+25, 30
    22.       backColor = #ff8800
    23.       #XY = 100, 30
    24.       #transparentBackground = 1
    25.       10 = TEXT
    26.       10.text.field = title
    27.       #10.text.case = upper
    28.       10.align = left
    29.       #10.niceText = 1
    30.       10.offset = 20,27
    31.       10.fontFile = fileadmin/fonts/verdanab.ttf
    32.       10.fontColor = #ffffff
    33.       10.fontSize = 13     
    34.       }
    35. }
    36.  
    37. tmp.HAUPTNAVIGATION.2 = GMENU
    38. tmp.HAUPTNAVIGATION.2 {
    39.    expAll = 1
    40.    relativeToParentLayer = 1
    41.    useLargestItemX = 1
    42.    disableAltText = 1
    43.    hideMenuWhenNotOver = 1
    44.    wrap = <div ID="transparentes-menue">|</div>
    45.    NO {
    46.       wrap = |<br>
    47.       XY = 120,20
    48.       10 = TEXT
    49.       10.text.field = title
    50.       #10.text.case = upper
    51.       10.align = left
    52.       10.offset = 5,15
    53.       #10.fontFile = fileadmin/fonts/verdanab.ttf
    54.       10.fontColor = #333333
    55.       10.fontSize = 12
    56.       20 = IMAGE
    57.       20.file = GIFBUILDER
    58.       20.file {
    59.       XY = 135,1
    60.       backColor = #ff8800      
    61.       }
    62.    }
    63.       ACT = 1
    64.       ACT {
    65.       wrap = |<br>
    66.       XY = 120,20
    67.       10 = TEXT
    68.       10.text.field = title
    69.       #10.text.case = upper
    70.       10.align = left
    71.       10.offset = 5,15
    72.       #10.fontFile = fileadmin/fonts/verdanab.ttf
    73.       10.fontColor = #ff8800
    74.       10.fontSize = 12
    75.       20 = IMAGE
    76.       20.file = GIFBUILDER
    77.       20.file {
    78.       XY = 135,1
    79.       backColor = #ff8800     
    80.       }
    81.    }
    82.       RO = 1
    83.       RO {
    84.       wrap = |<br>  
    85.       XY = 120,20
    86.       10 = TEXT
    87.       10.text.field = title
    88.       #10.text.case = upper
    89.       10.align = left
    90.       10.offset = 5,15
    91.       #10.fontFile = fileadmin/fonts/verdanab.ttf
    92.       10.fontColor = #ff8800
    93.       10.fontSize = 12
    94.       20 = IMAGE
    95.       20.file = GIFBUILDER
    96.       20.file {
    97.       XY = 135,1
    98.       backColor = #ff8800    
    99.       }
    100.    }
    101. }
    102.  
    103.  
    104. tmp.HAUPTNAVIGATION.3 = GMENU
    105. tmp.HAUPTNAVIGATION.3 {
    106.    relativeToParentLayer = 2
    107.    useLargestItemX = 1
    108.    disableAltText = 1
    109.    hideMenuWhenNotOver = 1
    110.    wrap = <DIV ID="transparentes-menue">|</DIV>
    111.    NO {
    112.       wrap = |<br>
    113.       XY = 115,18
    114.       10 = TEXT
    115.       10.text.field = title
    116.       #10.text.case = upper
    117.       10.align = left
    118.       10.offset = 10,15
    119.       10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
    120.       10.fontColor = #333333      
    121.       10.backColor = #fcdcb8
    122.       10.fontSize = 11
    123.       20 = IMAGE
    124.       20.file = GIFBUILDER
    125.       20.file {
    126.       XY = 135,1
    127.       backColor = #ff8800     
    128.       }
    129.    }
    130.       ACT = 1
    131.       ACT {
    132.       wrap = |<br>
    133.       XY = 115,18
    134.       10 = TEXT
    135.       10.text.field = title
    136.       #10.text.case = upper
    137.       10.align = left
    138.       10.offset = 10,15
    139.       10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
    140.       10.fontColor = #ff8800
    141.       10.fontSize = 11
    142.       20 = IMAGE
    143.       20.file = GIFBUILDER
    144.       20.file {
    145.       XY = 135,1
    146.       backColor = #ff8800      
    147.       }
    148.    }
    149.       RO = 1
    150.       RO {
    151.       wrap = |<br>  
    152.       XY = 115,18
    153.       10 = TEXT
    154.       10.text.field = title
    155.       #10.text.case = upper
    156.       10.align = left
    157.       10.offset = 10,15
    158.       10.fontFile = fileadmin/fonts/futura_condensed_bt.ttf
    159.       10.fontColor = #ff8800
    160.       10.fontSize = 11
    161.       20 = IMAGE
    162.       20.file = GIFBUILDER
    163.       20.file {
    164.       XY = 135,1
    165.       backColor = #ff8800      
    166.       }
    167.    }
    168. }

    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

  • 1
  • kolja kolja
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    19. 05. 2010, 12:17

    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.

  • 1
Präsentiert von