Hi,
mal eine kurze Frage. Hat jemand schon mal eine Navigation in diesem Stil umgesetzt?
Also die obere Navi wenn man über Produkte fährt. Wäre über einen kreativen Ansatz recht dankbar.
Aufklapp-Navigation
cooper schriebHi,
mal eine kurze Frage. Hat jemand schon mal eine Navigation in diesem Stil umgesetzt?
Also die obere Navi wenn man über Produkte fährt. Wäre über einen kreativen Ansatz recht dankbar.
Ja. 😃
Auch mit Einblenden von Inhaltselementen (mit oder ohne Bilder) bei der verschiedenen Ebenen, oder nur bei der jeweils letzten Ebene … usw. Pure CSS, JavaScript nur für die alten IEs (wegen :hover auf nicht Links).
Vor ein Paar Tagen habe ich als Beispiel auf eine andere Frage den Quellcode hier online gestellt:
DL-Nav
Man muss aber nicht unbedingt Definitionslisten fürs Menü nehmen. Auch die Überschriften (H2-H4) sind optional.
Wenn es kompliziert werden sollte und man viel Elementen verschachteln muss, eignen sich DLs aber schon recht gut dafür.
Hier habe ich auf die Schnelle die CSS ergänzt, damit es auf- und zuklappt.
DL-Nav-hover
Im Quellcode sind das die Zeilen zwischen den Kommentaren:
/* test-css start */
…....
/* test-css ende */
Dürfte aber nur in aktuellen Browser funktionieren – wie gesagt, auf die Schnelle gebastelt.
Wow, super! Vielen Dank.
Ausführlicher als ich erwartet hab 😃
cooper schriebWow, super! Vielen Dank.
Ausführlicher als ich erwartet hab 😃
Bitte, gern.
Der Quellcode war aber schon online. 🙂 Ich habe bloß 3-4 Zeilen dazu geschrieben.
Super! Das Menü hilft mir wohl auch nur ich bekomm es nicht eingebaut!
Habe ein Haupseite mit 4 unterpunkten erstellt und ein Template erstellt.
In dieses den Typoscript und CSS gepackt. Menu und Header werden angzeigt. Habe dann noch folgendes hinzugefügt, um Content und Content_borde rzu haben!
#Content Mitte
40 < styles.content.get
40.wrap = <div id="content_container"> | </div>
#Content Rand
50 < styles.content.getBorder
50.wrap = <div id="contentBorder_container"> | </div>
Leider wird der Content Inhalt nicht angezeigt! Weiß jemand warum?