Loading...

TYPO3 CSS Menü mit div ul li und Span von WAM

Alles Rund um Webdesign, Seo und vielem mehr
Start / Blog - / TYPO3 CSS Menü mit div ul li und Span

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.

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

Geschrieben von WAM
Avatar for WAM
Die WAM - Webagentur-Meerbusch. Die Typo3 und Wordpress Agentur aus Meerbusch bei Düsseldorf in NRW. Ganz nach dem Motto: Wenn man es ins Netz stellen kann, können wir es bauen. Und das schon seit über 10 Jahren.

Schreibe einen Kommentar

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

Lassen Sie uns Sprechen