Стилі меню в joomla 3 - уроки по створенню сайтів на joomla 3
Переконайтеся, що у вас встановлений шаблон Protostar. тому саме цей шаблон дозволяє використовувати дані стилі для меню.
Для зміни стилю меню, необхідно увійти в модуль для цього меню і в настройках поставити: Позицію і суфікс класу меню. Позиція визначає тип меню (горизонтальне або вертикальне), а суфікс - стиль цього меню. Урок: Верхнє меню в Joomla 3
Стилі для горизонтального меню
1. Перший стиль для горизонтального меню називається nav nav-pills. Здається в пункті суфікс класу меню.
Зовнішній вигляд nav nav-pills:
2. Другий стиль для верхнього меню називається: nav nav-tabs.
Дані стилі є базовими в Joomla 3.
Стилі для вертикального меню
Для вертикального меню використовуються позиції: left. right.
1. Перший стиль для вертикального меню називається: nav nav-pills nav-stacked.
Зовнішній вигляд nav nav-pills nav-stacked:
2. Другий стиль для вертикального меню називається: nav nav-tabs nav-stacked.
Зовнішній вигляд nav nav-tabs nav-stacked:
3. Третій стиль для вертикального меню називається: nav nav-list.
Зовнішній стиль nav nav-list:
Показані приклади з використанням підпунктів, які можуть і не використовуватися для вертикального меню.
Цитую Болт Болтів:
Де взяти повний список Суфікс CSS-класу модуля для шаблону protostar
Вітаю. Зробив верхнє меню "табами", однак пункт на який переходиш, він не виділяється як активний, як і раніше виділений кольором "головна".
Добридень!
Проблема пов'язана або з однаковою структурою пунктів, неправильно заданими настройками модуля, або з помилками шаблону.
Перевірте настройку: "Базовий пункт меню
"Він повинен бути заданий, як" Поточний ".
Вітаю. Зробив верхнє меню "табами", однак пункт на який переходиш, він не виділяється як активний, як і раніше виділений кольором "головна".
Дякую за інформацію, буду пробувати =)
Вітаю!
А як встановити стиль .navbar-inverse для горизонтального меню? Сам стиль описаний "bootstrap-ru.com/components.php?#typography" (можна знайти по Темна забарвлення для navbar'а)
Вітаю! На жаль стиль .navbar-inverse так просто налаштувати не вдасться.
У матеріалі вище розглядалися стилі для модуля меню, а даний стиль (.navbar-invers e) може включати в себе не тільки меню, але і багато іншого. Тому для установки такого стилю потрібно пропрацювати всю структуру html в файлі шаблону (index.php).
А як встановити стиль .navbar-inverse для горизонтального меню? Сам стиль описаний "bootstrap-ru.c om / components.p hp? #typography" (можна знайти по Темна забарвлення для navbar'а)