Hallo, ich möchte gerne ein DropDown Menü erstellen. Habe hierzu leider nicht wirklich die Ahnung von.
In meiner HTML Seite, habe ich folgenden Code geschrieben:
HTML-Code:<!-- ###TOPNAVI### start--> <ul class="menu"> <li onMouseOver="show(this)" onMouseOut="hide(this)" > <a href="#">Home</a> <ul class="submenu" onMouseOver="show(this)" onMouseOut="hide(this)" > <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> </ul> </li> </ul> <ul class="menu"> <li onMouseOver="show(this)" onMouseOut="hide(this)" > <a href="#">Link</a> <ul class="submenu" onMouseOver="show(this)" onMouseOut="hide(this)" > <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> </ul> </li> <li onMouseOver="show(this)" onMouseOut="hide(this)" > <a href="#">MeinProfil</a> <ul class="submenu" onMouseOver="show(this)" onMouseOut="hide(this)" > <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> </ul> </li> <li > <a href="#">Anbieten</a> <ul class="submenu" onMouseOver="show(this)" onMouseOut="hide(this)" > <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> <li class="active"><a href="#">Link</a></li> </ul> </li> </ul> </ul> <!-- ###TOPNAVI### stop-->
Ich weiß, durch meine Subparts ist dieses Listenmenü eigentlich auch nur ein Dummy.
Was muß ich aber nun im TypoScript schreiben, damit dieses Dropdownmenü darüber funktioniert?
Gestaltung läuft dann natürlich über eine CSS, die ich auch schon Typoscript eingebaut habe.
Ich hoffe Ihr könnt mir Helfen! Vielen DANK.
ich denke nicht das jemand die arbeit für dich machen wird ;)
aber ich geb dir guten tipp zum starten:
page.subparts.TOPNAVI = HMENU
page.subparts.TOPNAVI.special = directory
page.subparts.TOPNAVI.special.value = 3
page.subparts.TOPNAVI {
entryLevel = 0
target = _self
1 = TMENU
1 {
wrap = <ul>|</ul>
expAll = 0
NO {
linkWrap = <li class="mainnavi-lvl0">|</li>
}
RO < .NO
RO = 1
SPC < .NO
SPC = 1
ACT < .NO
ACT = 1
ACT {
linkWrap = <li class="mainnavi-lvl0-act>|</li>
}
}
}
das ist eine kopie von einem navidummy deinem subpart angepasst....
da du JS verwendest solltest du dir "additionalParams" ansehen
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen