Зміна зовнішнього вигляду меню в Joomla 3-x шаблон Protostar
Всі зміна зовнішнього вигляду меню зводиться до зміни позиції виведення, перетворення вертикального меню в горизонтальне і навпаки, модифікації стилів його оформлення.
Переробляємо вертикальне меню в горизонтальне
1. Відкриваємо модуль меню.
2. Виставляємо позицію виведення navigation - (position 1).
Все, меню стало горизонтальним.
Змінюємо зовнішній вигляд горизонтального меню
1. В налаштуваннях модуля міняємо стиль оформлення.
Прописуємо в Додаткові параметри> Суфікс класу меню> nav nav-pills (кнопки пунктів меню будуть округлі). Якщо прописати nav nav-tabs кнопки будуть квадратні.
Міняємо зовнішній вигляд вертикального меню
1. Позицію розташування модуля меню виставляємо Left (position-8), або Right (position-7). Ліва, або права колонка відповідно.
2. Міняємо зовнішній вигляд меню.
В налаштуваннях модуля меню прописуємо в суфікс класу меню такі значення: nav nav-pills nav-stacked (активна кнопка округла і залита синім кольором), nav nav-tabs nav-stacked (всі кнопки квадратні), nav nav-list (активна кнопка залита синім кольором і квадратна).
Примітки і доповнення
- Всі вище перераховані зміни зовнішнього вигляду меню в Joomla 3-x застосовні лише для шаблону Protostar.
- Більш суттєва зміна зовнішнього вигляду меню в Joomla 3-x передбачає внесення зміна в CSS - файл меню і буде предметом розгляду в окремій статті.
Ще статті на сайті по Protostar
- CSS стилі вертикального меню шаблону Protostar Joomla 3
- Зміна зовнішнього вигляду пункту меню в шаблоні protostar Joomla 3