Dropdown-layer-menü

nagus · 20. Dezember 2004 12:10

hallo

kann mir bitte jemand eine eine empfehlung geben wie ich ein solches dropdown-menü am besten und schnelslten realisiere?

Bild: img95.exs.cx/…/menu6yn.gif

danke im voraus!

maik · 20. Dezember 2004 12:51

Schau dir mal die GMENU_LAYER und GMENU_FOLDOUT an.
Damit kannst du so etwas realisieren.

https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html

nagus · 30. Dezember 2004 08:17

hallo

danke für den hinweis. ich hab das menü schon so ziemlich fertig... bis auf 2 kleinigkeiten:

1. aus irgendwelchen gründen lassen sich die buttons (home, druck, etc..) nicht anklicken. beim rollover klappt zwar der layer für das menü richtig aus aber ich kann die hauptmenüpunkte nicht anklicken (das sich aufklappende menü schon)

**UPDATE*** FEHLER 1. BEHOBEN!! (auch im code unten... es fehlte ein " )

2. ich finde keine lösung wie ich die 3. menüebene einblenden kann und gleichzeitig der "quasi" aktive punkt auf der 2. ebene dabei aktiv (rollover on) bleibt wenn man mit der maus dann auf den 2. klapplayer fährt.

danke im voraus für jede hilfe!
lg, nagus

nagus · 30. Dezember 2004 08:19

hier das setup von meinem menü...

mainmenu = HMENU
mainmenu.entryLevel=0
mainmenu.1 = GMENU_LAYERS
mainmenu.1 {
layerStyle = background-color:#CC0000;position:absolute;border:0px solid;VISIBILITY:hidden;

  lockPosition = x
  xPosOffset = -202
  topOffset=132
  expAll=1

  NO {
    wrap(
<span style="border: solid #000000 0px; position:absolute; top:108px; left:202px; z-index:106;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:260px; z-index:105;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:317px; z-index:104;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:430px; z-index:103;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:591px; z-index:102;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:685px; z-index:101;">|</span>||
)
    altImgResource.import = uploads/media/
    altImgResource.import.field = media
    altImgResource.import.listNum = 0

  }
  ACT < 1.NO
  ACT = 1
  ACT {
    wrap(
<span style="border: solid #000000 0px; position:absolute; top:108px; left:202px; z-index:106;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:260px; z-index:105;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:317px; z-index:104;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:430px; z-index:103;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:591px; z-index:102;">|</span>||
<span style="border: solid #000000 0px; position:absolute; top:108px; left:685px; z-index:101;">|</span>||
)
    altImgResource.import = uploads/media/
    altImgResource.import.field = media
    altImgResource.import.listNum = 1
  }
}


mainmenu.2 = TMENU_LAYERS
mainmenu.2 {
  topOffset=132 
  leftOffset=-202
#xPosOffset =-50 
  lockPosition = x 
  expAll=1 
#relativeToParentLayer=1 
#relativeToTriggerItem=1 
#hideMenuWhenNotOver=1

  wrap = <table border="0" cellspacing="0" cellpadding="0" id="dropdownmenu">|</table>


NO{ 
  allWrap = <tr><td nowrap id="1tmenu{elementUid}" style="background:#eeeeee;"><img src="fileadmin/kbendlos/images/arrow_white.gif" border="0">|</td></tr> 
  subst_elementUid = 1
  RO_chBgColor = #FFFFFF| #eeeeee | 1tmenu
  RO = 1
} 
ACT=1 
ACT{ 
linkWrap=<tr><td nowrap style="background:#FFFFFF;" ><img src="fileadmin/kbendlos/images/arrow_white.gif" border="0">|</td></tr> 
} 



}

mainmenu.3 = TMENU
mainmenu.3 {
 wrap = <table border="0" cellspacing="0" cellpadding="0" id="dropdownmenu">|</table>
NO{ 
  allWrap = <tr><td nowrap id="1tmenu{elementUid}" style="background:#eeeeee;"><img src="fileadmin/kbendlos/images/arrow_white.gif" border="0">|</td></tr> 
  subst_elementUid = 1
  RO_chBgColor = #FFFFFF| #eeeeee | 1tmenu
  RO = 1
} 
ACT=1 
ACT{ 
linkWrap=<tr><td nowrap style="background:#FFFFFF;" ><img src="fileadmin/kbendlos/images/arrow_white.gif" border="0">|</td></tr> 
} 

}