+ Auf Thema antworten
Zeige Ergebnis 1 bis 6 von 6

Thema: Wie man das Modul Navigationsmenü richtig nutzt

  1. #1
    Contao-Yoda Benutzerbild von MacKP
    Registriert seit
    15.06.2009
    Ort
    Duisburg
    Beiträge
    4.191

    Beitrag Wie man das Modul Navigationsmenü richtig nutzt

    Seit einiger Zeit sind die Module "Navigation Hauptpunkte" und "Navigation Unterpunkte" nicht mehr nötig. In TYPOlight 2.7 wurden diese sogar ganz entfernt.

    Ich habe deshalb mein erstes Tutorial darüber geschrieben, wie man das Modul "Navigationsmenü"(mit Start-/Stoplevel, Hard Limit, Referenzseite) richtig einsetzt.

    Benutzertutorial im Wiki öffnen

  2. #2
    Contao-Nutzer Benutzerbild von Timo
    Registriert seit
    22.06.2009
    Beiträge
    28

    Standard Horizontale Navigation mit Hovereffekt

    Hallo MacKP,

    danke für das tolle Tutorial - nur eine Frage bleibt:
    Wie funktioniert ein horizontales Menü mit hover Effekt - also genau ein solches Menü wie auf der Typolight.org Seite.
    Ich habe typolight 2.7.1 und habe es mit Navigationsmenü (startl=0, Stopl=1) und dem Modul Hovernav probiert allerdings werden die Unterpunkte beim Überfahren der Hauptpunkte gar nicht angezeigt, wenn ich dann einen Hauptpunkt anklicke werden die Unterpunkte auf der Seite dargestellt. Wie aber kann ich zu einer horizontalen Navigation gelangen wie man sie auf der typolight.org Seite sehen kann also mit hovereffekt?

    Vielen Dank.

    lg Timo

  3. #3
    Contao-Yoda Benutzerbild von MacKP
    Registriert seit
    15.06.2009
    Ort
    Duisburg
    Beiträge
    4.191

    Standard

    Hallo Timo,
    das ist alles eine Sache von CSS ;-)
    Der Stoplevel 1 ist bei einer Hover Navigation nicht richtig, da dann (kann man im Quelltext sehen) die Unterpunkte ja gar nicht angezeigt werden. Daher können die auch bei einem Hover Effekt gar nicht auftauchen.
    Stoplevel also erst mal raus nehmen.
    Dann werden alle Navigationspunkte dargestellt. Nun brauchst du nur noch passendes CSS (und für den IE6 nen bissel Javascript).
    Hier mal eine kleine Anleitung wie es geht (Technik nennt sich Hybrid Navigation) -> http://www.alistapart.com/articles/hybrid/.

    Viele Grüße

  4. #4
    Contao-Nutzer Benutzerbild von gracilis
    Registriert seit
    19.06.2009
    Ort
    Rostock
    Beiträge
    31
    .per.aspera.ad.astra.

  5. #5
    Contao-Nutzer Benutzerbild von Timo
    Registriert seit
    22.06.2009
    Beiträge
    28

    Standard

    Danke! Das ist ein gutes Tutorial!
    Kann ich aber das modul hovernav nun gar nicht nutzen und muss alles über css gesteuert werden?
    Evtl. gelingt besagte Navigation unter Einsatz des Moduls hovernav einfacher??? Die Beschriebung zum Modul hört sich simpel an.

    lg

  6. #6
    Contao-Yoda Benutzerbild von MacKP
    Registriert seit
    15.06.2009
    Ort
    Duisburg
    Beiträge
    4.191

    Standard

    Ich habe mit dem Modul hovernav noch nicht wirklich gearbeitet.
    Aber ich glaube mich zu erinnern, das es im Grunde 2 Verschiedene LIsten aus der Navigation macht. Das finde ich immer suboptimal, da dann die Semantik flöten geht.
    Aber wenn du das Modul nutzen möchtest und fragen hast solltest du das in einem anderen Thread klären ;-)

    Viele Grüße

+ Auf Thema antworten

Ähnliche Themen

  1. [inserttags] Platzhalter (InsertTags). Wie nutzt man?
    Von vinslave im Forum Support für Extensions
    Antworten: 36
    Letzter Beitrag: 20.01.2010, 11:14
  2. nav_default.tpl - Templates für das Navigationsmenü
    Von nneonbeige im Forum Layout/Templates
    Antworten: 3
    Letzter Beitrag: 12.09.2009, 14:31
  3. 2x Navigationsmenü H/V
    Von rettungjim im Forum Navigation
    Antworten: 2
    Letzter Beitrag: 05.08.2009, 11:40
  4. Antworten: 7
    Letzter Beitrag: 06.07.2009, 19:17
  5. Nutzt ihr Funktion "mehrere bearbeiten"?
    Von Nina im Forum Off Topic
    Antworten: 12
    Letzter Beitrag: 03.07.2009, 17:17

Stichworte

Forumregeln

  • Es ist dir nicht erlaubt, neue Themen zu verfassen.
  • Es ist dir nicht erlaubt, auf Beiträge zu antworten.
  • Es ist dir nicht erlaubt, Anhänge hochzuladen.
  • Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.