Zum Inhalt springen

Horizontale Navigation: Anfänger

Erstellt am 5. Oktober 2009 · 3 Antworten · letzte Antwort am 5. Oktober 2009

Tags: Frage

JakobRa ·

Hey,
ich würde gerne für meine Seite ein 2 zeiliges Menü haben, leider kriege ich das nich so ganz hin.

Das Menü soll so funktionieren/aussehen, hier sind 2 Beispiele:

Menü1(aktiv) >> Menü2 | Menü3 | Menü4
Menü1.1 | Menü 1.2 | Menü 1.3

Menü1 >> Menü2(aktiv) | Menü3 | Menü4
Menü 2.1 | Menü2.2 | Menü2.3 | Menü2.4

Bin zwar in CSS ziemlich fit dafür aber in TS noch überhaupt nicht, wäre klasse wenn mir jemand helfen könnte!

Grüße,
JakobRa

Ich habe die Frage auch in diesem Forum gestellt: http://www.typo3forum.net/forum/typo3-4-x-fragen-probleme/40922-navigation-anf-nger-braucht-hilfe.html

maik ·

Das oberste Menü kannst du wie folgt erzeugen:

lib.menu1 = HMNEU
lib.menu1.1 = TMENU
lib.menu1.1 {
  NO.linkWrap = |
}

So erzeugst du ein einfaches Text Menü über eine Ebene.

Dann machst du das zweite Menü welches eine Ebene weiter unten beginnt (entryLevel =1). Das entryLevel musst du natürlich an deine Seitenstruktur anpassen.

lib.menu2 = HMNEU
lib.menu2.entryLevel = 1
lib.menu2.1 = TMENU
lib.menu2.1 {
  NO.linkWrap = |
}

Alternativ kann man natürlich auch ein Menü über zwei Ebenen erzeugen und das Submenü über JavScript oder CSS steuern. Das ist dann aber etwas komplexer.

JakobRa ·

Schon mal vielen Dank für die schnelle Antwort!

Leider will er mir das Menü nicht anzeigen, vllt. habe ich ja irgendwie nen Fehler drin.

Hier der Code den ich jetzt im TS habe:

    marks.MENUE = HMENU
    marks.MENUE {
    
    lib.menu1 = HMNEU
    lib.menu1.1 = TMENU
    lib.menu1.1 {
      NO.linkWrap = |
    }
    
    lib.menu2 = HMNEU
    lib.menu2.entryLevel = 1
    lib.menu2.1 = TMENU
    lib.menu2.1 {
      NO.linkWrap = |
    }
  }

und hier das HTML:

      	    <div id="menue">
              <span class="nurscreenreader">Navigation: </span>
              ###MENUE###
            </div>

Grüße,
JakobRa

JakobRa ·

Jetzt zeigt er mir fast alles richtig an =)

      marks.MENU1 = HMENU
      marks.MENU1 {
        1 = TMENU
        1.NO = 1
        1.wrap = |
      }

      marks.MENU2 = HMENU
      marks.MENU2 {
        entryLevel = 1
        1 = TMENU
        1.NO = 1

Den Rest krieg ich auch noch hin denke ich. Nochmals danke für die Hilfe!

Grüße,
JakobRa