[TYPO3-german] Horizontales Hauptmenu mit vertikalem Submenu

Markus Eggerath markus.eggerath at hitec-zang.de
Tue Apr 4 15:58:03 CEST 2006


csender-typo3 at gmx.net schrieb:
> Hallo!
> 
> Vielleicht kann mir jemand helfen.
> Ich möchte ein zweistufiges TMENU realisieren, bei dem das Hauptmenü
> irgendwo unterhalb des Seitenkopfes in horizontaler Anordnung der Menüpunkte
> steht.
> Wird auf einen Menüpunkt geklickt, bei dem Untermenüpunkte vorhanden sind,
> so sollen diese in vertikaler Anordnung an anderer Stelle der Seite (im
> Prinzip beliebig, da Formatierung durch CSS erfolgt) erscheinen.
> 
> Ich hab's mit <ul> und <li> versucht, doch das Submenu ist jedesmal völlig
> verrissen.
> Hier ist mein TS-Code dazu:
> 
> temp.menu = HMENU
> 
> # First Level Menu-Object
> 
> temp.menu.1 = TMENU
> temp.menu.1.wrap = <div id="mainnav"><ul> | </ul></div>
> temp.menu.1 {
>    #  Eigenschaften Normal-Status
>    NO.allWrap = <li class="menu-level1-no"> | </li>
>    # Eigenschaften des aktiven Status setzen:
>    ACT = 1
>    ACT.allWrap = <li class="menu-level1-act"> | </li>
> }
> 
> # Second Level Menu
> 
> temp.menu.2 = TMENU
> temp.menu.2.wrap = <div id="subnav"><ul>|</ul></div>
> temp.menu.2 {
>    #  Eigenschaften Normal-Status
>    NO.allWrap = <li class="menu-level2-no"> | </li>
>    # Eigenschaften des aktiven Status setzen:
>    ACT = 1
>    ACT.allWrap = <li class="menu-level2-act"> | </li>
> }
> 
> 
> # Haupt-Template cObject fuer den BODY:
> 
> temp.mainTemplate = TEMPLATE
> temp.mainTemplate {
>    workOnSubpart = DOCUMENT_BODY
>    # Ersetzen des ###nav###-Subparts durch das dynamische Menu:
>    subparts.nav < temp.menu
>    # Ersetzen des ###content###-Subparts:
>    subparts.contents < styles.content.get
> }
> 
> ...
> 

Also wenn ich das richtig verstehe, dann suchst du eine Lösung zu dem 
Problem, dass ich am vergangenen Wochenende hatte. Hier der TS-Quelltext

    subparts {
       menu_1 = HMENU
       menu_1 {
         entryLevel = 0
         1 = TMENU
         1 {
           noBlur=1
           NO.allWrap = <span class="level1-no"> | </span>
           NO.stdWrap.htmlSpecialChars = 1
           ACT = 1
           ACT.allWrap = <span class="level1-act"> | </span>
           ACT.stdWrap.htmlSpecialChars = 1
         }
       }
       menu_2 = HMENU
       menu_2 {
         entryLevel = 1
         1 = TMENU
         1 {
           noBlur=1
           NO.allWrap = <div class="level2-no"> | </div>
           NO.stdWrap.htmlSpecialChars = 1
           ACT = 1
           ACT.allWrap = <div class="level2-act"> | </div>
           ACT.stdWrap.htmlSpecialChars = 1
         }
       }
     contents < styles.content.get
}

Hier hast du wirklich die Möglichkeit das zweite Menü zu verschieben. 
Einfach den Subpart-Marker verschieben und gut is'.
Was du allerdings unter "völlig verissen" verstehst hab ich noch nicht 
ganz raus.
Könntest Du Dein Problem ein wenig genauer schildern?

Markus



More information about the TYPO3-german mailing list