Рейтинг: 0/5
Створюючи шаблон для Joomla, красиво його оформити дозволяють класи, які генеруються Joomla. У цій статті я хочу поділитися з вами назвами цих класів і для чого вони потрібні, заодно законспектувати їх і для себе, щоб звертатися до даного матеріалу в майбутньому. А почну я з модуля основого меню.
Як всім добре відомо (у всякому разі я на це сподіваюся), за висновок меню на сторінках сайту Joomla відповідає модуль "Меню". Він має безліч налаштувань, які дозволяють вам гнучко налаштовувати свої меню. Однак, не все так просто. Володіють мінімльнимі знанімямі верстки люди, можуть налаштувати зовнішній вигляд своїх менюшек, використовуючи спеціальні стилі CSS, які нам дозволяють творити Magic! Отже давайте розглянемо ці класи на прикладі основного меню сайту.
Як будь-яке меню, наше з вами складається з тегів
- і
- . Основне меню, далі просто 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
- ul - Основне меню