У меня уже было несколько рецептов верстки меню для Joomla 1.5 - а именно Пошаговое создание трехуровневого меню и Создание раскрывающегося меню для Joomla 1.5.

Сегодня дам еще один вариант с использованием селекторов CSS 2.1. Про MS Internet Explorer 6.0 даже не заикайтесь, считаем его усопшим.

Итак - задача сверстать трехуровневое меню, причем уровень на 1 ступень ниже виден только у активной ветки, и только на 1ступень, то есть если выбран пункт первого уровня то показываются все элементы первого уровня и дочерние элементы второго уровня для выбранного пункта, если выбран пункт второго уровня то показываются все элементы второго уровня в данной ветке и его дочерние элементы третьего уровня.

Код ниже дан в расчете на то, что меню находится внутри контейнера

div class="left"

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

 

Так как материал рассчитан на немного подготовленных я опущу настройки внешнего вида пунктов меню и напишу только код отвечающие за скрытие и отображение нужных уровней.

 

div#left  ul > li > ul > li {
padding-left:16px;
display:none;
}
div#left ul > li > ul > li > ul > li {
padding-left:16px;
display:none;
}
div#left ul li#current > ul > li, div#left ul li.active > ul > li {
display:block !important;
}
div#left ul li#current ul li ul li{
display:none !important;
}

Собственно все. Буду краток.

Добавить комментарий


Защитный код
Обновить

Последние комментарии

  • В любом случае это будет инструкция, постараюсь конечно максимально полно, но инструкция как выявлять ...

    Подробнее...

     
  • Ок жду. у меня почти 120 сайтов из них 90 на джумле разных версий ) так что мне это важно поэтому ...

    Подробнее...

     
  • Да, это важная часть. Проблема в том что айболит видит не всё. То есть это мера необходимая, но ...

    Подробнее...

     
  • Короче, я обновил php пропатчил сайты и почистился от вирусов ай болитом на этом моя процедура защиты ...

    Подробнее...

     
  • Прошло еще почти полтора месяца а так и не дописали (

    Подробнее...

Вы смотрели