Zum Inhalt springen

Grafisches 3 Ebenen Menü möglich?

Erstellt am 15. November 2008 · 3 Antworten · letzte Antwort am 16. November 2008

Tags: Frage

cme ·

Hallo!

Ich versuche seit einigen Stunden vergeblich ein grafisches 3 Ebenenmenü per Gmenu_layers umzusetzen. Bis zur zweiten Ebene ists kein Problem, beim Ausklappen zur dritten Ebene wird das dritte Menüelement allerdings erst angezeigt wenn man den darüberliegenden Menüpunkt in der zweiten Ebene ausgewählt hat.

Jetzt stellt sich mir die Frage ob man mit Gmenu_layers sowas überhaupt umsetzen kann?

Wenn nicht, gibt es alternative Möglichkeiten ein 3 Ebenenmenü umzusetzen, indem jeder Menüpunkt in jeder Ebene grafisch generiert wird? Ist das mit ypmenu möglich? Da habe ich bisher beim Stöbern nur die Möglichkeit gesehen es mit TMenu für die tieferen Ebenen zu kombinieren.

Oder vielleicht sonst irgendeine Extension?

Wäre für Tipps dankbar!

Danke und lg,
cme

cme ·

Hallo,

Hab es beim letzen Versuch vor der entgütligen Resignation doch noch hinbekommen indem ich meinen Code umstrukturiert habe. 😃

Code werde ich noch etwas ordnen (habs jetzt nur "quick and dirty" gemacht) und dann morgen oder so hier posten.

lg

cme ·

Und hier der Code: Das Menü klappt mit diesen Einstellungen in der zweiten Ebene nach oben und in der dritten ebene nach Links auf. Lässt sich ohne Probleme anpassen.

Danke an dieser Stelle an alle die in dem Forum die richtigen Hinweise dafür gaben 🙂

temp.HAUPTMENU = HMENU
temp.HAUPTMENU {
   
  1 = GMENU_LAYERS
  1 {
   layerStyle = position:absolute;VISIBILITY:hidden;
   expAll = 1
   wrap = <table cellpadding="0" cellspacing="0" border="0"><tr>|</tr></table>
   relativeToTriggerItem = 1
   relativeToTriggerItem.addHeight = 1
   leftOffset = -10
   topOffset = -44
   hideMenuWhenNotOver = 250
   hideMenuTimer = 250
   useLargestItemX = 1
   dontFollowMouse = 1
   disableAltText = 0
   directionUp = 4

   NO {
      wrap = |*| <td height="44">|</td> |*|
      backColor = #000000
      XY = 179, 44
      10 = IMAGE
      10.file = fileadmin/button.gif
      20 = TEXT
      20.text.field = title
      20.text.case = upper
      20.align = center
      20.offset = 0,26
      20.fontFile = fileadmin/.TTF
      20.fontColor = #ffffff
      20.fontSize = 11
      }
          
   RO = 1    
   RO {
      wrap = |*| <td height="44">|</td> |*|
      backColor = #000000
      XY = 179, 44
      10 = IMAGE
      10.file = fileadmin/button.gif
      20 = TEXT
      20.text.field = title
      20.text.case = upper
      20.align = center
      20.offset = 0,26
      20.fontFile = fileadmin/.TTF
      20.fontColor = #ffffff
      20.fontSize = 11
      }
    }

  2 = GMENU_LAYERS
  2 {
   layerStyle = position:absolute;VISIBILITY:hidden;
   expAll = 1
   wrap = <div id="fold_sub_2">|</div>
   relativeToParentLayer = 2
   relativeToTriggerItem = 2
   useLargestItemX = 1
   disableAltText = 0
   leftOffset = -185
   topOffset = -7
   hideMenuWhenNotOver = 250
   hideMenuTimer = 250 
   lockPosition = y
   }

      2.NO {
      wrap = |
      XY = 175,22
      5 = IMAGE
      5.file = fileadmin/button_sub.gif
      10 = TEXT
      10.text.field = title
      10.align = left
      10.offset = 5,15
      10.fontFile = fileadmin/.TTF
      10.fontColor = #ffffff
      10.fontSize = 11
      }

      2.ACT = 1
      2.ACT {
      wrap = |
      XY = 175,22
      5 = IMAGE
      5.file = fileadmin/button_sub.gif
      10 = TEXT
      10.text.field = title
      10.align = left
      10.offset = 5,15
      10.fontFile = fileadmin/.TTF
      10.fontColor = #ffffff
      10.fontSize = 11
      }

      2.RO = 1
      2.RO {
      wrap = |
      XY = 175,22
      5 = IMAGE
      5.file = fileadmin/button_sub.gif
      10 = TEXT
      10.text.field = title
      10.align = left
      10.offset = 5,15
      10.fontFile = fileadmin/.TTF
      10.fontColor = #ffffff
      10.fontSize = 11
      }

  3 = GMENU
  3 {
   wrap = <div id="fold_sub_3">|</div>
   }

      3.NO {
      wrap = |
      backColor = #000000
      XY = 170, 25
      5 = IMAGE
      5.file = fileadmin/button_sub.gif
      10 = TEXT
      10.text.field = title
      10.fontFile = fileadmin/.TTF
      10.niceText = 1
      10.fontSize = 10
      10.fontColor = #ffffff
      10.offset = 15,15
      }
      
      3.RO = 1
      3.RO {
      wrap = |
      backColor = #000000
      XY = 170, 25
      5 = IMAGE
      5.file = fileadmin/button_sub.gif
      10 = TEXT
      10.text.field = title
      10.fontFile = fileadmin/.TTF
      10.niceText = 1
      10.fontSize = 10
      10.fontColor = #ffffff
      10.offset = 15,15
      }
}