Hallo Leute...
Ich hoffe ihr könnt mir helfen. Ich finde irgendwie nicht so richtig was ich brauche und ob es überhaupt auch Technisch mit Typo3 zu realisieren ist.
Ich habe TMENU mit 5 Navigationspunkten. Im Normal Zustand soll jeder Punkt einen 5px border in einer anderen Farbe haben. Dazu verwende ich dann CSS KLassen und die Funktion OptionSplit. Die Untermenüpunkte sollten ebenfalls die gleiche Farbe haben, was auch so ist. Nun haben diese css Klassen auch nen Rollover sodass sich der Border von 5px auf 10px erhöht. Da ich nach jedem || Symbol einen andere Farbe habe ist der Rollover bei den untermenüpunkten ebenfalls ab 1. grün. der 2. blau usw...
ich hoffe ich habe mich einigermaßen gut ausgedrückt um mein Problem zu beschreiben. Ich hoffe ihr könnt mir helfen... Vielleicht habe ich auch nur einen Denkfehler.. Anbei mein TS für das Menu 🙂
lib.mainmenu = COA
lib.mainmenu.10 = COA
lib.mainmenu.10 {
stdWrap.prefixComment = 2|Output of lib.mainmenu.10
wrap = <ul id="submenu">|</ul>
20 = TEXT
20.stdWrap.prefixComment = 2|Output of lib.mainmenu.10.20
20.data = leveltitle:1
20.ifEmpty.cObject = TEXT
20.ifEmpty.cObject.value = YAML CSS-Framework
20.wrap = <li id="title">|</li>
30 = HMENU
30 {
stdWrap.prefixComment = 2|Output of lib.mainmenu.10.30
entryLevel = 0
1 = TMENU
1 {
expAll = 0
noBlur = 1
collapse = 1
NO = 1
NO.wrapItemAndSub = <li class="colorGreen">|</li>|| <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
NO.stdWrap.htmlSpecialChars = 1
NO.ATagBeforeWrap = 1
ACT = 1
ACT.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
CUR = 1
CUR.wrapItemAndSub = <li class="colorGreen">|</li> || <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
CURIFSUB = 1
CURIFSUB.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
}
2 < .1
2.wrap = <ul>|</ul>
3 < .1
3.wrap = <ul>|</ul>
4 < .1
4.wrap = <ul>|</ul>
}
}
Kenne mich mit OptionSplit nicht genau aus, aber das wird doch verwendet für:
erstes Element || alle anderen Elemente || letztes Element
Hat also mal nix mit Unterpunkten zu tun.
Weiter kopierst du für die Unterpunkte die Werte von oben.
2 < .1
Demnach ist es nicht verwunderlich, dass du die gleichen Klassen bekommst. Wenn du da andere Werte haben möchtest, dann mußt du die eben für die Unterpunkte setzen (überschreiben).
2 < .1
2 {
ACT.wrapItemAndSub = ...
}
Hey MOPPS.....
Danke dir für deine Antwort...Das was du sagst ist mir schon klar. Und mit dem Wort ÜBERSCHREIBEN hat es bei mir geklingelt. 🙂 Dafür Danke ich dir nochmals.
Hier meine überarbeitet Version die jetzt die Farben für jedes Untermenu behält.
lib.mainmenu = COA
lib.mainmenu.10 = COA
lib.mainmenu.10 {
stdWrap.prefixComment = 2|Output of lib.mainmenu.10
wrap = <ul id="submenu">|</ul>
20 = TEXT
20.stdWrap.prefixComment = 2|Output of lib.mainmenu.10.20
20.data = leveltitle:1
20.ifEmpty.cObject = TEXT
20.ifEmpty.cObject.value = YAML CSS-Framework
20.wrap = <li id="title">|</li>
30 = HMENU
30 {
stdWrap.prefixComment = 2|Output of lib.mainmenu.10.30
entryLevel = 0
1 = TMENU
1 {
expAll = 0
noBlur = 1
collapse = 1
NO = 1
NO.wrapItemAndSub = <li class="colorGreen">|</li>|| <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
NO.stdWrap.htmlSpecialChars = 1
NO.ATagBeforeWrap = 1
ACT = 1
ACT.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
CUR = 1
CUR.wrapItemAndSub = <li class="colorGreen">|</li> || <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
CURIFSUB = 1
CURIFSUB.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
}
2 = TMENU
2 {
NO.wrapItemAndSub = <li>|</li>
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
CUR.wrapItemAndSub = <li>|</li>
CURIFSUB.wrapItemAndSub = <li>|</li>
}
3 = TMENU
3 {
NO.wrapItemAndSub = <li>|</li>
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
CUR.wrapItemAndSub = <li>|</li>
CURIFSUB.wrapItemAndSub = <li>|</li>
}
4 = TMENU
4 {
NO.wrapItemAndSub = <li>|</li>
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
CUR.wrapItemAndSub = <li>|</li>
CURIFSUB.wrapItemAndSub = <li>|</li>
}
}
}
Oder so vereinfacht 🙂
1 = TMENU
1 {
expAll = 0
noBlur = 1
collapse = 1
NO = 1
NO.wrapItemAndSub = <li class="colorGreen">|</li>|| <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
NO.stdWrap.htmlSpecialChars = 1
NO.ATagBeforeWrap = 1
ACT = 1
ACT.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
CUR = 1
CUR.wrapItemAndSub = <li class="colorGreen">|</li> || <li class="colorSilver">|</li> || <li class="colorOrange">|</li> || <li class="colorYellow">|</li> || <li class="colorBlue">|</li>
CURIFSUB = 1
CURIFSUB.wrapItemAndSub = <li class="current colorGreen">|</li> || <li class="current colorSilver">|</li> || <li class="current colorOrange">|</li> || <li class="current colorYellow">|</li> || <li class="current colorBlue">|</li>
}
2 = TMENU
2 {
NO.wrapItemAndSub = <li>|</li>
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
CUR.wrapItemAndSub = <li>|</li>
CURIFSUB.wrapItemAndSub = <li>|</li>
}
3 < .2
4 < .2