[CaptnCrunch]

ahoi hoi...

ich habe mir mit blut und schweiss mal eine t3-seite gebaut mit einer vertikalen 3-stufigen Navi..

mein problem war, dass ich für jeden Nav-Punkt eine andere Farbe haben wollte.. nach zig versuchen habe ich nun mit OptionSplit eine möglichkeit gefunden, dies zu realisieren mit der größten skalierbarkeit (bei den anderen Versuchen hats zwar funktioniert, jedoch gab es immer fixe elemente..z.b. Nav im Level1)..

na ya.. nun funktioniert es wunderbar und er vergibt jedem button einen anderen CSS .. so wet so gut..

mein problem ist nun aber, dass der bei der menuebene 2 & 3 das auch macht.. d.h. wenner z.b. menuebene 2 aufklappt.. haben alle buttons dieser ebene auch jedes einen anderen CSS ...



komm da irgendwie nich klar mit .. wenn mich jmd in eine richtung schubsen könnte, bzw. sagen könnte was ich falshc mach oder worauf ich achten muss, wäre ich sehr dankbar..


hier noch mien TS für die navi:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47:

##################################################### ################## NAVI ############################# ################## LEVEL 1 ########################## lib.navi= HMENU lib.navi.special = directory lib.navi.special.value = 1 lib.navi.1 = TMENU lib.navi.1.wrap = <ul>|</ul> lib.navi.1.NO.allWrap = <li><div id="nav_bg_blue">|</div></li> || <li><div id="nav_bg_blue2">|</div></li> || <li><div id="nav_bg_blue3">|</div></li> || <li><div id="nav_bg_red">|</div></li> || <li><div id="nav_bg_green">|</div></li> || <li><div id="nav_bg_green2">|</div></li> || <li><div id="nav_bg_grey">|</div></li> || <li><div id="nav_bg_grey">|</div></li> || <li><div id="nav_bg_grey">|</div></li> || <li><div id="nav_bg_grey">|</div></li> lib.navi.1.ACT = 1 lib.navi.1.ACT.stdWrap.htmlSpecialChars = 1 lib.navi.1.ACT.allWrap = <li><div id="nav_bg_blue_on">|</div></li> || <li><div id="nav_bg_blue2_on">|</div></li> || <li><div id="nav_bg_blue3_on">|</div></li> || <li><div id="nav_bg_red_on">|</div></li> || <li><div id="nav_bg_green_on">|</div></li> || <li><div id="nav_bg_green2_on">|</div></li> || <li><div id="nav_bg_grey_on">|</div></li> || <li><div id="nav_bg_grey_on">|</div></li> || <li><div id="nav_bg_grey_on">|</div></li> || <li><div id="nav_bg_grey_on">|</div></li> ################## LEVEL 2 ########################## lib.navi.2 = TMENU lib.navi.2.wrap = <ul class="ul_inner" >|</ul> lib.navi.2.NO.allWrap = <li class="li_inner" ><div id="nav_bg_blue_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_blue2_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_blue3_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_red_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_green_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_green2_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_grey_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_grey_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_grey_2">|</div></li> || <li class="li_inner" ><div id="nav_bg_grey_2">|</div></li> lib.navi.2.ACT = 1 lib.navi.2.ACT.stdWrap.htmlSpecialChars = 1 lib.navi.2.ACT.allWrap = <li><div id="nav_bg_blue_2_on">|</div></li> || <li><div id="nav_bg_blue2_2_on">|</div></li> || <li><div id="nav_bg_blue3_2_on">|</div></li> || <li><div id="nav_bg_red_2_on">|</div></li> || <li><div id="nav_bg_green_2_on">|</div></li> || <li><div id="nav_bg_green2_2_on">|</div></li> || <li><div id="nav_bg_grey_2_on">|</div></li> || <li><div id="nav_bg_grey_2_on">|</div></li> || <li><div id="nav_bg_grey_2_on">|</div></li> || <li><div id="nav_bg_grey_2_on">|</div></li> ################## LEVEL 3 ########################## lib.navi.3 = TMENU lib.navi.3.wrap = <ul class="ul_inner_2">|</ul> lib.navi.3.NO.allWrap = <li class="li_inner_2"><div id="nav_bg_blue_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_blue2_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_blue3_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_red_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_green_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_green2_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_grey_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_grey_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_grey_3">|</div></li> || <li class="li_inner_2"><div id="nav_bg_grey_3">|</div></li> lib.navi.3.ACT = 1 lib.navi.3.ACT.stdWrap.htmlSpecialChars = 1 lib.navi.3.ACT.allWrap = <li><div id="nav_bg_blue_3_on">|</div></li> || <li><div id="nav_bg_blue2_3_on">|</div></li> || <li><div id="nav_bg_blue3_3_on">|</div></li> || <li><div id="nav_bg_red_3_on">|</div></li> || <li><div id="nav_bg_green_3_on">|</div></li> || <li><div id="nav_bg_green2_3_on">|</div></li> || <li><div id="nav_bg_grey_3_on">|</div></li> || <li><div id="nav_bg_grey_3_on">|</div></li> || <li><div id="nav_bg_grey_3_on">|</div></li> || <li><div id="nav_bg_grey_3_on">|</div></li>