Hallo,
ich habe es endlich halbwegs zustande gebracht, dass mein Menu angezeigt wird. Es ist ein Horizontales DropDown Menu und so sieht der TS Code aus:
#übergibt das komplette Template-Rendering an TemplaVoilà
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
#Erstellt die Hauptnavi und packt sie in eine lib
### Menü ###
lib.top_nav = HMENU
lib.top_nav {
### Erste Ebene ###
1 = TMENU
1 {
wrap = <ul id="NavMain">|</ul>
expAll = 1
#NO.wrapItemAndSub = <li class="NavList" onmouseover="show(this)" onmouseout="hide(this)">|</li>
NO.wrapItemAndSub = <li class="NavList">|</li>
ACT < .NO
ACT = 1
ACT.ATagParams = class="active"
NO.ATagParams = class="main"
}
### Zweite Ebene ###
2 = TMENU
2 {
#wrap = <ul class="NavFlyOut" onmouseover="show(this)" onmouseout="hide(this)">|</ul>
wrap = <ul class="NavFlyOut">|</ul>
NO.allWrap = <li>|</li>
}
}
Für meine <a> Links/Tags der zweiten bze. ausklappbaren Ebene habe ich hier folgenden Hover CSS Style:
Code:#NavMain .NavList:hover .NavFlyOut a:hover, #NavMain li.over .NavFlyOut a:hover { background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; font-weight: bold; }
1) Wie binde ich das jetzt ein?
Für die Oberpunkte, also die erste Ebene habe ich auch einen Hover style, nämlich Nav.List:hover. Nun kann ich doch nicht einfach RO.LiTagParams = class="Nav.List:hover" angeben, oder?
2) wie bekomme ich den Hover Effekt integriert?
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen