TYPO3 CSS Menü mit div ul li und Span

TYPO3 CSS Menü mit div ul li und Span

• WAM
• TYPO3 Codeschnipsel
• Freitag - 26 . November . 2010

Hier wird euch gezeigt wie Ihr ein TYPO3 HMENU mit CSS gemacht wird. Ein normales CSS-Menü ist im Grunde ja gar nicht so schwer, hier haben wir aber mit div, ul, li und SPAN gearbeitet. Das Problem war die Class so anzuordnen das TYPO3 versteht, wie das Menü auszusehen hat.

[sourcecode language=“php“]
subparts.nav = HMENU
subparts.nav {
excludeUidList = 129,130,135,134,138
wrap = <div class=“nav“><div class=“l“></div><div class=“r“></div> <ul class=“menu“> |</ul></div>

# Die erste Ebene:
1 = TMENU
1.expAll = 1
1.NO.wrapItemAndSub = <li>|</li>
1.NO.stdWrap.wrap = <span class=“l“></span><span class=“r“></span><span class=“t“> | </span>

# CUR-Zustand der ersten Ebene:
1.CUR = 1
1.CUR < .1.NO
1.CUR.ATagParams = class=“active“

# ACT-Zustand der ersten Ebene:
1.ACT = 1
1.ACT < .1.CUR

# Die zweite Ebene:
2 = TMENU
2.wrap = <ul class=“subnavi“> | </ul>
2.NO.wrapItemAndSub = <li> | </li>

# CUR-Zustand der zweiten Ebene:
2.CUR = 1
2.CUR < .2.NO
2.CUR.ATagParams = class=“active“
}

subparts.rootline = HMENU
subparts.rootline {
special = rootline
special.range = 1 | –1
wrap = <b></b>&nbsp; |
1 = TMENU
1.NO.allWrap = |&nbsp;/&nbsp; |*| |&nbsp;/&nbsp; |*| |
1.CUR = 1
1.CUR < .1.NO
1.CUR.doNotLinkIt = 1

}
[/sourcecode]
Das Resultat