1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Стили для многоуровневого списка

Главные вкладки

Аватар пользователя Babasya Babasya 21 сентября 2009 в 15:38

Здравствуйте, скажите, каким образом можно изменить CSS классы в многоуровневом списке меню? Т.е. по умолчанию друпал выводит список так:

<ul class="menu">
  <li class="expanded last active-trail"><a href="#1">Ссылка 1-го уровня</a>
    <ul class="menu">
      <li class="collapsed first"></li>
        <li class="expanded last active-trail"><a href="#">Ссылка 2-го уровня</a>
          <ul class="menu">
            <li class="leaf last active-trail"><a class="active" href="#">Ссылка 3-го уровня</a>
            </li>
          </ul>
        </li>
    </ul>
  </li>
</ul>

а хотелось бы чтобы выводил так:

<ul class="menu">
  <li class="expanded last active-trail"><a href="#1">Ссылка 1-го уровня</a>
    <ul class="menu_2">
      <li class="collapsed first"></li>
        <li class="expanded last active-trail"><a href="#">Ссылка 2-го уровня</a>
          <ul class="menu_3">
            <li class="leaf last active-trail"><a class="active" href="#">Ссылка 3-го уровня</a>
            </li>
          </ul>
        </li>
    </ul>
  </li>
</ul>

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

Комментарии

Аватар пользователя Babasya Babasya 22 сентября 2009 в 7:13

"digital_sword" wrote:
А конструкция вроде ul li ul.menu не прокатит? (ну или вариации)

В принципе, думаю прокатит, главное чтобы для каждого уровня меню можно было задать свой класс. Просто нужно сделать меню 4-6 уровней, представьте как это будет выглядеть если не использовать стили для каждого уровня.