Zum Inhalt springen

Menü wie auf kawasaki.de

Erstellt am 10. November 2008 · 1 Antwort · letzte Antwort am 11. November 2008

Tags: HTML & CSS, Frage

scripper ·

Hallo zusammen ich möchte gern ein Menü ähnlich wie auf www.kawasaki.de erstellen. ( bsp. http://kawasaki.de/category.asp?CId=A39993B95FA44A )

Das HTML macht mir keine Probleme. Verschachtelter Container der per Java Script bei mouseover angezeigt wird.
Nun mächte ich dies jedoch gerne in Typo 3 einbinden. Zur Zeit verwende ich die extension a1_teasermenu um die Kategoiren mit Bilder anzuzeigen. Nun möchte ich jedoch den nächsten Level auch gleich anzeigen.
Also kurz zum verständis am ende soll das html in etwa so aussehen.

<div class="name_des_1level"><a href="#">Top Kategorie</a></div>
<div class="bild_des_ersten_levels">
  <a href="#"><img src="images/kat1.jpg" /></a>
  <ul class="die_unter_kategorien">
  <li><a href="#">Produkt 1 - Level 2</a></li>
  <li><a href="#">Produkt 2 - Level 2</a></li>
  <li><a href="#">Produkt 3 - Level 2</a></li>
  <li><a href="#">Produkt 4 - Level 2</a></li>
  </ul>
  </div>

Ich hoffe ihr versteht was ich mein . Mein Problem liegt vorallem darin den zweiten Level in den ersten zu verschachteln. Ist das mit der Extension a1_teasermenu möglich oder sollte ich umsteigen auf eine andere extension oder pures tscript??
Danke für eure Hilfe

scripper ·

ok ich hab mich noch ein wenig damit auseinander gesetzt und denke mit der erweiterung a1_teasermenu wird das ein wenig schwer umzusetzten.

Hier im Forum hab ich einen Beitrag zu der Extension tscobi gefunden (http://typo3.org/extensions/repository/view/tscobj/current/ )
Mit dieser ist es möglich ein typoscript element im normalen Content anzuzeigen.

Also müsste ich mein Menü nur noch in typoscript umsetzten. Da ich leider "noch" nicht der wirkliche Typoscript Experte bin benötige ich dazu noch einen kleinen Denkanstoss. Das kombinieren des Text Menüs und des Grafik Menüs ist die erste hürde. Die nächste ist das anzeigen den nächst tieferen levels als extra div container.

Mein erster Gedankenansatz wäre der aus dem How to von diesem Forum ( Kombination Text & Grafik )

Ist das richtig?
Wie kann ich in diesen noch den 2 Level integrieren ?
Danke für eure Hilfe ...