2011-12-14 4 views
0

Hy каждый. Я neebie в Typo3, и я хочу спросить, как это возможно сделать навигацию с разными цветами. Это должно выглядеть так:TYPO3: Навигация с различными цветами

<ul> 
    <li><a href="next1.html" class="red">NavItem 1</a> 
     <ul> 
      <li><a href="">SubItem1</a> 
       <ul> 
        <li><a href="">SubsubItem1</a></li> <--- when active to red 

       </ul> 
      </li> 
      <li><a href="">SubItem2</a> 
       <ul> 
        <li><a href="">SubsubItem2.1</a></li><--- when active to red 
        <li><a href="">SubsubItem2.2</a></li><--- when active to red 
        <li><a href="" class="red active">SubsubItem2.3</a></li><--- when active to red 

       </ul> 
      </li> 

     </ul> 

    </li> 
    <li><a href="" class="blue">NavItem 2</a></li><--- third level item to blue on active 
    <li><a href="" class="green">NavItem 3</a></li><--- third level Item to green on active 
    <li><a href="" class="orange">NavItem 4</a></li> 
    <li><a href="" class="purple">NavItem 5</a></li> 
    <li><a href="" class="lightblue">NavItem 6</a></li> 
</ul> 

Все остальные предметы третьего уровня должны быть в указанном цвете, когда они активны. Возможно ли это в Typo3?

Спасибо за ваши ответы :)

+0

Каким образом цвета должны быть назначены пунктам меню? Просто по позиции (1-й пункт красный, 2-й пункт синий и т. Д.)? Вам действительно нужен тот же цвет (класс CSS), назначенный на подпунктах? Не было бы достаточно, чтобы класс на уровне 1-го уровня влиял на подпункты? – tmt

+0

Я установил цвет на первом уровне с помощью ATagParams. Да, они такие же цвета. Да, его точка! Мне нужны такие же цвета на третьем уровне. –

+0

Прежде всего: возможно. Но вы можете отредактировать свой вопрос и добавить часть typoscript, которая создает навигацию (HMENU). Это облегчает ответ. – Mateng

ответ

0

то, что вы ищете optionSplit.

f.e.

1.NO.ATagParams = class="red" || class="blue" || class="green" ... 

|| указывает OptionSplit - он будет разделить каждый пункт меню.

Я не уверен, если опцияSplit работает на ATagParams, по крайней мере вы можете использовать его на wrapItemAndSub или allWrap.

1.NO.allWrap = <li class="red">|</li> || <li class="blue">|</li> || ... 
Смежные вопросы