Hallo Leute,
ich bin gerade dabei eine Page für einen Clan in Typo3 umzusetzen. Ich habe von Designer die HTML-Vorlage bekommen und bin nun dran das Menü nachzubauen.
Meine Seitenstruktur sieht wie folgt aus:
http://www.volldiegosse.de/files/misc/struktur.JPG
Der Code des Menüs:
<div class="menu">
<img src="images/topic_sources.jpg">
<div class="menupointcollection">
<a href="#" class="menupoint">News <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Artikel <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Kalender <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Galerie <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Downloads <img src="images/arrow.png" border="0"></a><br>
</div>
<br>
<img src="images/topic_tsukinokokoro.jpg">
<div class="menupointcollection">
<a href="#" class="menupoint">Teams <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Wars <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Clangeschichte <img src="images/arrow.png" border="0"></a><br>
</div>
<br>
<img src="images/topic_community.jpg">
<div class="menupointcollection">
<a href="#" class="menupoint">Forum <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Gästebuch <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Kontakt <img src="images/arrow.png" border="0"></a><br>
</div>
<br>
<img src="images/topic_sonstiges.jpg">
<div class="menupointcollection">
<a href="#" class="menupoint">Links <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Disclaimer <img src="images/arrow.png" border="0"></a><br>
<a href="#" class="menupoint">Impressum <img src="images/arrow.png" border="0"></a><br>
</div>
</div>
Wie das Ganze später aussehen soll, könnt ihr hier sehen. Rückmeldungen zum Design wären auch nett. Ich werds dann an den Designer weitergeben. 🙂
Nun meine Fragen:
Wie schaffe ich es, dass um die Menüpunkte (Level2) einer Kategorie (z.B. "Sources") <div class="menupointcollection"> | </div> gewrapt wir, wie es in der Vorlage zu sehen ist?
Mein zweites Problem wären dann die Bilder für die Menükategorien. Diese sollen statisch sein und nicht von Typo3 generiert werden. Wie sage ich Typo3 nun, dass es den Menüpunkt "Sources" durch das richtige Bild ersetzen soll? Ich denke da, dass dies mit optionSplit zu lösen ist, allerdings weiss ich nicht wie.
Wäre sehr nett, wenn mir jemand hier helfen könnte.
Vielen Dank im Voraus.
MfG Felix