Классы пунктов меню Joomla (current active deeper parent)

Рекомендую хостинг которым я пользуюсь

При оформлении меню на сайте Joomla у меня постоянно возникают трудности с тем чтобы вспомнить в каких случаях Joomla присваивает пунктам меню следующие классы:

  • current
  • active
  • deeper
  • parent

Эта информация найдена мною на форуме joomlaforum.ru, и разместил я её тут в своем блоге скорее для себя, но если эта информация будет полезна ещё кому-то, буду только рад.

item-123 - ID пункта меню
.active - активный пункт меню (если даже активен вложенный пункт)
.current – текущий пункт (именно он, а не пункт вложенного подменю)
.deeper – основные параметры модуля меню «показывать подпункты меню –ДА» – тогда .deeper! (имеет значение только в том случае, если мы хотим чтобы подпункты были выведены постоянно, или выводились при выборе родительского пункта, не по :hover)
.parent – пункт, содержащий подменю

Очень удобно при большой вложенности меню присваивать свойства CSS разным классам, а не строить конструкции типа ul li.active ul li … !

.parent – ни пункт ни подпункты не выбраны, и в модуле «показывать подпункты» - нет
.parent.deeper – то же, но - да
.current.active.deeper.parent – выбран именно этот пункт (не дочерний!)
.active.deeper.parent – выбран дочерний пункт
.current.active – выбран конечный дочерний пункт у которого нет вложенных
.current.active.parent - в параметрах задано не выводить пункты ниже этого у

Классический вариант: Есть горизонтальное меню, какому-то пункту присвоено подменю, пункту которого, в свою очередь, тоже назначено подменю

автор: Руслан Овчинников
Оценка: 1Оценка: 2Оценка: 3Оценка: 4Оценка: 5 (30 оценок, в среднем: 5,00 из 5)
Загрузка...