TYPO3 CSS Menü mit div ul li und Span

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.

Technorati-Markierungen: ,,,

intro_image_typo3_hmenu_new


[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

hmenu_view

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>