При оформлении меню на сайте 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 - в параметрах задано не выводить пункты ниже этого у
Классический вариант: Есть горизонтальное меню, какому-то пункту присвоено подменю, пункту которого, в свою очередь, тоже назначено подменю
Загрузка...