vertikales "GMENU_LAYERS" Ergebnis ... puhhh

Okey - 48 Stunden arbeit investiert, das geht ja noch *g*

Hier nun mein vertikales "GMENU_LAYERS" Script mit 3 Ebenen, wobei die unterste Ebene ein normales GMENU ist.

Code:

#Layer Menü links
              marks.MENU = HMENU 
              marks.MENU.special = directory 
              marks.MENU.special.value = 14 
              marks.MENU.entryLevel = 1 
              marks.MENU.1 = GMENU_LAYERS 
              marks.MENU.1 { 
                                    layerStyle = position:absolute;width:150px;VISIBILITY:hidden; 
                                    relativeToTriggerItem = 1
                                    leftOffset = 125 
                                    topOffset = 15
                                    lockPosition = y 
                                    dontFollowMouse = 1 
                                    hideMenuWhenNotOver = 1 
                                    hideMenuTimer = 250 
                                    wrap = <table width=150 cellspacing=0 cellpadding=0 border=0 bgColor=#ffffff>|</table>
                                    expAll = 1 
                                    
                                    NO { 
                                          wrap = <tr><td>|</td></tr>
                                          backColor = #91BFE0 
                                          XY = 120,30 
                                          10 = TEXT 
                                          10.text.field = title 
                                          10.fontFile = fileadmin/template/verdana.ttf 
                                          10.fontColor = #ffffff 
                                          10.fontSize = 10 
                                          10.offset = 5,15 

                                          20 = BOX 
                                          20.dimensions = 0,0,2,30 
                                          20.color = #000000 
                    
                                          30 < .20 
                                          30.align = r 
                                        
                                          40 = BOX || 
                                          40.dimensions = 0,0,120,2 
                                          40.color = #000000 

                                          50 = |*||*|     || BOX 
                                          50.dimensions = 0,0,120,2 
                                          50.color = #000000 
                                          50.align = ,b 
                                          } 

                                    RO < .NO 
                                    RO = 1 
                                    RO.backColor = #39739C 
                                    RO.10.fontColor = #ffffff 

                                    ACT < .NO 
                                    ACT = 1 
                                    ACT.backColor = #6692B5 
                                    ACT.10.fontColor = #ffffff 

                                   }    

              
              marks.MENU.2 = GMENU_LAYERS 
              marks.MENU.2 { 
                                    layerStyle = position:absolute;width:150px;VISIBILITY:hidden; 
                                    hideMenuWhenNotOver = 1 
                                    hideMenuTimer = 250 
                                    relativeToParentLayer = 1
                                    leftOffset = 125 
                                    lockPosition = y 
                                    expAll = 1 
                                    
                                    NO { 
                                          wrap = |<br> 
                                          backColor = #91BFE0 
                                          XY = 120,20 
                                          10 = TEXT 
                                          10.text.field = title 
                                          10.offset = 5,15 
                                          10.fontSize = 9 
                                          10.fontColor = #ffffff 
                                          10.fontFile = fileadmin/template/verdana.ttf 

                                          20 = BOX 
                                          20.dimensions = 0,0,2,20 
                                          20.color = #000000 
                    
                                          30 < .20 
                                          30.align = r 
                                        
                                          40 = BOX || 
                                          40.dimensions = 0,0,120,2 
                                          40.color = #000000 

                                          50 = |*||*|     || BOX 
                                          50.dimensions = 0,0,120,2 
                                          50.color = #000000 
                                          50.align = ,b 
                                         } 

                                    RO < .NO 
                                    RO = 1 
                                    RO.backColor = #39739C 
                                    RO.10.fontColor = #ffffff 

                                    ACT < .NO 
                                    ACT = 1 
                                    ACT.backColor = #6692B5 
                                    ACT.10.fontColor = #ffffff 

                                   } 
            
            
            marks.MENU.3 = GMENU   
            marks.MENU.3.NO {
                                       wrap = |<br / >
                                       backColor =  #91BFE0 
                                       XY = 120,20
                                       10 = TEXT
                                       10.text.field = title
                                       10.fontFile = fileadmin/template/verdana.ttf
                                       10.fontSize = 9
                                       10.fontColor = #ffffff
                                       10.offset = 5,15

                                       20 = BOX
                                       20.dimensions = 0,0,2,20
                                       20.color = #000000
 
                                       30 < .20
                                       30.align = r
 
                                       40 = BOX ||
                                       40.dimensions = 0,0,120,2
                                       40.color = #000000

                                       50 = |*||*|     || BOX
                                       50.dimensions = 0,0,120,2
                                       50.color = #000000
                                       50.align = ,b
                                       }
             
             marks.MENU.3.RO < .marks.MENU.3.NO 
             marks.MENU.3.RO = 1 
             marks.MENU.3.RO.backColor = #39739C
             marks.MENU.3.RO.10.fontColor = #ffffff

             marks.MENU.3.ACT < .marks.MENU.3.NO 
             marks.MENU.3.ACT = 1 
             marks.MENU.3.ACT.backColor = #39739C 
             marks.MENU.3.ACT.10.fontColor = #FFFFFF

Und der Code meines Templates:

<html>
<head>
<title>Nightcurse Cooperation</title>

<link rel="stylesheet" href="fileadmin/style.css" type="text/css">

</head>
<body>

<!-- ###DOKUMENT### begin -->

<table width="800" height="600" align="center" valign="top" border="0" bgcolor="#c2dcef" cellspacing="0" cellpadding="0">
<tr>
 <td width="100%" height="30" colspan="4"><img src="fileadmin/template/nightcurse_oben.jpg" alt="Nightcurse Cooperation" border="0">
 </td>
</tr>
<tr>
 <td width="150" height="80">
 	<table width="150" height="80" align="top" border="0" cellspacing="0" cellpadding="0">
          <tr>
           <td><img src="fileadmin/template/nightcurse_logo1.jpg" alt="Nightcurse Cooperation" border="0"></td>
          </tr>
         </table></td>
 <td width="550" rowspan="3" bgcolor="#ffffff" align="left" valign="top">
	<table width="500" align="center" border="0" cellspacing="0" cellpadding="0">
          <tr>
           <td height="80" align="right" valign="top"><br>###ROOT###<hr>###PFAD###</td>
          </tr>
          <tr>
           <td>###INHALT###<br><br><hr><hr></td>
          </tr>
         </table></td>
 <td> </td>
 <td width="100" rowspan="3" bgcolor="#c2dcef" align="left" valign="top">
	<table width="90" align="center" valign="top" border="0">
          <tr>
           <td height="80"></td>
           </tr>
           <tr>
           <td valign="top"></td>
          </tr>
         </table></td>
</tr>
<tr>
 <td width="150" height="460" rowspan="2" bgcolor="#c2dcef" align="right" valign="top">

         ###MENU###


         <table width="150" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
         <tr>
          <td></td>
         </tr>
         </table>
         </td>

</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td width="100%" height="30" colspan="4"><img src="fileadmin/template/nightcurse_unten.jpg" alt="Nightcurse Cooperation" border="0"> </td>
</tr>
</table>

<!-- ###DOKUMENT### end -->

</body>
</html>

Anmerkung: Ich bin mir sicher, man könnte das noch schöner, besser und perfekter scripten, ABER es funktioniert und das sogar mit verschiedenen Browsern und Auflösungen (Opera 7.54, Mozilla 1.7.3, Internet Explorer 6 SP1 - Auflösungen: 800x600, 1024x768, 1152x864)

Ich hoffe, ich konnte anderen viele zermürbende Stunden des Suchens ersparen (allerdings: es lohnt sich, denn beim Suchen nach meinen Lösungen habe ich "auf dem Weg" noch viele andere gefunden - ergo konnte ich "nebenbei" noch andere Probleme lösen ;-) )

Mein besonderer Dank gilt jenses, der mir beim lösen meiner Probleme eine große Hilfe war 🙂 Danke
Ich finde es toll, dass man hier so reichhaltige Hilfe erfährt.

MfG
Nils

Na dann #giggle# #giggle# #giggle#
...
...
...
... mal danke, wer weis vielleicht kann ich es mal brauchen :p

eine kleinigkeit noch:

zur zeit wandert das menü dummerweise noch nach unten, wenn der text im content länger wird ... mit valign="top" als angabe klappts leider nicht.

hat noch jemand eine idee, wie ich das menü immer im top-bereich fixieren kann?

mfg
nils