Suche
Teilen
startseite » forum

Horizontales Menü mit vertikalem Submenü dauerhaft sichtbar

  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    12. 12. 2009, 09:38

    Hallo zusammen,

    habe in kleines Menüproblem.

    Es soll die 1.Ebene als horizontales Menü und die 2.Ebene als vertikales Menü ausgegeben werden. Das ganze in schön aufgeteilten Blöcken.
    Diese sollen sich natürlich bei einer Änderung der Menüpunkte (Länge der Menüeinträge) entsprechend anpassen.
    Alle Menüpunkte sollen dauerhaft sichtbar sein.

    Menü-Struktur Beispiel:

    1. Verein    |     Dokumente         |    Impressum
    2. Vorstand        Aufnahmeantrag         Über uns
    3. Satzung         Antrag Startbuch       Kontakt
    4. Beiträge

    Das Horizontale Menü [ Verein | Dokumente | Impressum ] ist fertig.
    Die Menüebene ist als div-block im HTML-Template gesetzt und ist im CSS definiert. Das TypoScript ist auch bereits funktionsfähig (nur für 1.Ebene).
    [TS]temp.nav_main = HMENU
    temp.nav_main {
    entryLevel = 0
    excludeUidList =
    1 = TMENU
    1 {
    noBlur = 1
    wrap = <ul>|</ul>
    NO = 1
    NO.ATagTitle.field = abstract // description // subtitle
    NO.allWrap = <li>|</li>
    NO.linkWrap = <span>|</span>
    NO.ATagBeforeWrap = 1
    NO.stdWrap.htmlSpecialChars = 1
    ACT = 1
    ACT < .NO
    ACT.allWrap = <li id="current">|</li>
    }
    }[/TS]
    Wie bekomme ich per CSS und TypoScript nun die 2. Navigationebene sauber darunter positioniert?

    Die Beispiele hier im Forum helfen mir nicht so richtig weiter.

    Könnt Ihr mir helfen?

    Liebe Grüße aus Bielefeld
    Hille

  • maik maik
    Jedi-General
    0 x
    1194 Beiträge
    1 Hilfreiche Beiträge
    12. 12. 2009, 14:32

    Gibt doch tausende von Beispielen im Netz.

    Versuchs mal mit dem hier:
    http://www.lwis.net/free-css-drop-down-menu/

    http://www.caroonline.de

  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    13. 12. 2009, 16:54

    Ok, hab ich auch schon gesehen.
    Ist aber nicht dass was ich eigentlich suche.
    Da muss ich zuviel umbauen.

    Vielleicht hat ja jemand eine fertige Lösung?!?

    Hille

  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    11. 01. 2010, 16:46

    OK,
    hab es nun hinbekommen.

    Hier die Seite, auf der die Lösung im Einsatz ist.

    [url]http://colored-house.com[/url]

    Hille

  • Gowerl Gowerl
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    14. 01. 2010, 14:00

    Hallo Hille,

    wie hast dus gemacht, steh grad vor dem gleichen Problem.
    Danke für deine Antwort schon im voraus.

    Gowerl

  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    14. 01. 2010, 17:29

    Moin,

    Vorab, ich nutze YAML mit dem Autoparser.
    Hab also einen neuen div-container ins Template eingefügt.
    Diesen dann im TS (COA) eingebunden.
    Der Rest steht ja im CSS.

    Wenn Du mehr Infos brauchst, schick mir ne PM.
    Alles hier zu posten führt, glaube ich, zu weit, da es nicht viele gibt, die Typo3 4.3, YAML und Autoparser einsetzen.

    Hille

  • koko11 koko11
    T3PO
    0 x
    13 Beiträge
    0 Hilfreiche Beiträge
    15. 01. 2010, 11:23

    Hi,

    ich bin gerade dabei, eine Navigation in exakt dem gleichen Stil aufzubauen.
    Ich hab meine 2 Marker, für die erste Ebene der Navigation und einen zweiten für die zweite Ebene.

    [TS]MENU = HMENU
    MENU {
    special = directory
    special.value = 3
    entryLevel = 1
    expAll = 1
    ...
    }

    SUBMENU = HMENU
    SUBMENU {
    wrap = <div class="BM">|</div>
    entryLevel = 2

    1 = TMENU

    wrap = <ul>|</ul>

    NO = 1
    1.NO {
    wrapItemAndSub = <li class="nav_a">|</li>
    }
    }[/TS]

    Nur leider wird in der Subnavigation immer nur ein einziges Submenu angezeigt, also das, indem ich mich gerade befinde.
    Wie kann ich nun alle Elemente der 2. Ebene immer anzeigen lassen?

  • koko11 koko11
    T3PO
    0 x
    13 Beiträge
    0 Hilfreiche Beiträge
    15. 01. 2010, 12:04

    erklärt mir mal bitte jemand, wie das gehen soll, die Unterelemente einer Ebene zu wrappen... Kann die gesamte Subnav wrappen oder die einzelnen Links. Hille hat die Unterebenen irgendwie in nav_sub_1, nav_sub_2 usw. gewrappt.
    Ich steh grad echt auf dem Schlauch und würd mich echt über einen Tipp freuen

  • Hille Hille
    Jedi-Ratsmitglied
    0 x
    605 Beiträge
    0 Hilfreiche Beiträge
    15. 01. 2010, 15:17

    OK,

    hier das TS:
    [TS]#############################################
    # +ext nav_sub_1 #
    # last modified 15-12-2009 #
    #############################################
    #### SUB menu ###############################
    temp.divClass = <div class="nav_sub_1">|</div>
    temp.subPID = 18

    temp.nav_sub_1 = COA
    temp.nav_sub_1 {
    20 = HMENU
    20 {
    wrap < temp.divClass
    entryLevel = 1
    special = directory
    special.value < temp.subPID
    excludeUidList =
    1 = TMENU
    1 {
    expAll = 1
    wrap = <ul>|</ul>
    IProcFunc = user_IProc_dfn
    NO = 1
    NO.ATagTitle.field = abstract // description // subtitle
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
    NO.ATagBeforeWrap = 1
    CUR < .NO
    CUR.wrapItemAndSub = <li>|</li>
    CUR.doNotLinkIt = 1
    CUR.stdWrap.htmlSpecialChars = 1
    }
    }
    }
    [/TS]
    Für jeden Block ein eigenes COA, also 6 Stück.
    Rest wird im CSS geregelt.
    Hille

  • koko11 koko11
    T3PO
    0 x
    13 Beiträge
    0 Hilfreiche Beiträge
    18. 01. 2010, 08:44

    ... die einfachsten Lösungen sind doch die besten. Ich denk immernoch zu kompliziert in diesem TypoScript-Navigations-Wirrwarr.

    Works like a charme! Danke!

Präsentiert von