Hallo zusammen!
Ich bin gerade an einem Typo3 Menü und komme nicht mehr weiter.
Das Menü sollte diese HTML-Struktur haben:
HTML-Code:
<ul class="current"> <li><a href="#">Hauptpunkt</a></li> </ul> <ul class="sub_active"> <li class="current_sub"><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> </ul> <ul class="select"> <li><a href="#">Hauptpunkt</a> <ul class="sub"> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> </ul> </li> </ul> <ul class="select"> <li><a href="#">Hauptpunkt</a> <ul class="sub"> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunkt</a></li> <li><a href="#">Unterpunktn</a></li> </ul> </li> </ul>
Das Problem bei dem ganzen ist wohl, dass wenn ein Hauptpunkt aktiv ist, dass dann die Unterpunkte anderst formatiert sind. Aber ich denke, dies sollte mit Typoscript trotzdem lösbar sein.
Die Vorlage für das Menü habe ich von hier:
Stu Nicholls | CSSplay | Simple drop line menu (einfach ohne IE-Tabellen Hack)
Mein Typoscript sieht bis jetzt so aus:
Typoscript-Code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42:
| temp.navigation = HMENU temp.navigation { entryLevel = 0 1 = TMENU 1{ noBlur = 1 wrap = <ul class="select">|</ul> NO.wrapItemAndSub = <li>|</li> NO.stdWrap.htmlSpecialChars = 1 NO.stdWrap.htmlSpecialChars.preserveEntities = 1 ACT = 1 ACT.wrap = <ul class="current">|</ul> ACT.wrapItemAndSub = <li>|</li> ACT.stdWrap.htmlSpecialChars = 1 ACT.stdWrap.htmlSpecialChars.preserveEntities = 1 IFSUB = 1 IFSUB.wrapItemAndSub = <li>|</li> IFSUB.stdWrap.htmlSpecialChars = 1 IFSUB.stdWrap.htmlSpecialChars.preserveEntities = 1 } 2 = TMENU 2{ noBlur = 1 wrap = <ul class="sub">|</ul> NO.wrapItemAndSub = <li>|</li> NO.stdWrap.htmlSpecialChars = 1 NO.stdWrap.htmlSpecialChars.preserveEntities = 1 ACT = 1 ACT.wrapItemAndSub = <li class="current_sub">|</li> ACT.stdWrap.htmlSpecialChars = 1 ACT.stdWrap.htmlSpecialChars.preserveEntities = 1 } } |
Wenn der Hauptpunkt aktiv ist, dann werden die Unterpunkte von dem Hauptpunkt richtig dargestellt. Jedoch kommen alle anderen Unterpunkte nicht...
Gibt es da irgenwelche Conditions für so ein Fall oder hat jemand eine Idee?
Danke für eure Antworten!
Gruss