Эта статья незавершена!
Создавая шаблон для Joomla, красиво его оформить позволяют классы, которые генерируются Joomla. В этой статье я хочу поделиться с вами названиями этих классов и для чего они нужны, заодно законспектировав их и для себя, дабы обращаться к данному материалу в будущем. А начну я с модуля основого меню.
Как всем хорошо известно (во всяком случае я на это надеюсь), за вывод меню на страницах сайта Joomla отвечает модуль "Меню". Он имеет множество настроек, которые позволяют вам гибко настраивать свои меню. Однако, не все так просто. Владеющие минимльными знанимями верстки люди, могут настроить внешний вид своих менюшек, используя специальные стили CSS, которые нам позволяют творить Magic! Итак давайте рассмотрим эти классы на примере основного меню сайта.
Как любое меню, наше с вами состоит из тегов <ul> и <li>. Основное меню, далее просто ul, имет два класса: .nav .menu. Они позволяют задать оригинальные стили внешнего вида, названия которых дает нам понять, что это меню навигации по сайту.
Я постараюсь привести схему в виде вложенного списка с описанием классов.
- ul - Основное меню
- класс .nav
- класс .menu
- li - пункты меню
- .item-ID - ID пункта меню.
- .current - текущий пункт, именно выбранный,
- .active - активный пункт, даже если выбран вложенный пункт
- .deeper - Зависит от настроек модуля, если в настройках модуля "показывать подпункты меню" стоит "Да", тогда к родительскому пункту будет добавляться этот класс.
- .parent
- ul>li>ul - подменю
- .nav-child
- .unstyled
- .small
- ul>il>ul>li
- .nav-child
- .unstyled
- .small