Вертикальное меню с картинками

вертикальное менюВы, наверняка, часто встречали на сайтах красивое меню с цветными картинками. Привлекательное меню вызывает у посетителя желание щелкнуть по одному из его пунктов. Хотите сделать такое меню? Тогда давайте сразу приступим к делу. Для доступа к "Менеджеру меню" в административной панели шаблона Joomla щелкните по пункту "Меню" в верхнем меню панели управления и выберите команду "Менеджер меню". Перед вами откроется экран "Менеджера меню", содержащий список уже существующих меню.


"Менеджер меню"

Для создания нового меню в "Менеджере меню: все меню" щелкните на кнопке "Создать". Откроется окно показанное на скриншоте.

создание нового меню

Заголовок - название меню отображаемое в панели управления. Пишем – Вертикальное меню.
Тип меню - уникальное системное имя меню. Назовем его - vertikalnoe_menu.
Для создания пунктов меню щелкните по названию только что созданного нами "Вертикального меню".

создания нового меню

Откроется "Менеджере меню: пункты меню"

"Менеджере меню: пункты меню"

Для создания нового пункта меню нужно щелкнуть на кнопке "Создать"

"Менеджере меню: пункты меню"

Первым делом для создания пункта меню нужно выбрать "Тип пункта меню". Для этого щелкните на кнопке "Выбрать". Откроется список типов. В Joomla 3 сначала отображается список верхнего уровня. Щелкните по заголовку верхнего уровня "Системные ссылки" и выберите "Разделитель", то есть тип пункта меню, играющий роль разделителя между другими пунктами меню. В нашем случае он будет выполнять роль как бы заголовка над пунктами вертикального меню.

"Тип пункта меню".

Создадим ещё несколько пунктов меню, но на этот раз будем выбирать "Тип пункта меню"→"Материалы"→"Материал".

"Тип пункта меню".

Заполняем заголовок пункта меню, и выбираем материал из ранее созданных в менеджере материалов.

Image 7

Любуемся только что созданными пунктами меню.

пункты меню

Для того, чтобы наше вертикальное меню появилось на странице сайта, нужно создать модуль меню. Для этого заходим в "Расширения"→"Менеджер модулей"

Менеджер модулей

Жмем на зеленую кнопку "Создать", и в выпадающем окне выбираем тип модуля "Меню".

тип модуля "Меню"

Заполняем поля в "Менеджере модулей: Модуль меню".

Модуль меню

Заголовок – это название модуля. Пишем - Вертикальное меню.
Выбор меню – выбираем из списка "Вертикальное меню".
Заполните все поля как указано на скриншоте. Не забудьте указать состояние "Опубликовано", а также выберите позицию для нашего шаблона "Yoo_master2" – sidebar-b.
Во вкладке "Привязка к пунктам меню" укажите - На всех страницах.

"Привязка к пунктам меню"

Нажимаем кнопку "Сохранить и закрыть".
А теперь давайте привяжем к пунктам вертикального меню иконки и картинки. Для этого перейдите
в "Расширения"→"Менеджер шаблонов" и выберите шаблон "yoo_master2 - Default"

Менеджер шаблонов

В левом меню настроек шаблона выбираем "Menus"

меню настроек шаблона

В открывшемся окне настроек выбираем "Вертикальное меню". В столбце "Icon", напротив каждого пункта меню можно выбрать иконку или указать путь (URL) к картинке с вашего компьютера. Размер картинок не должен быть больше 16х16 px. Для этой цели вполне подойдут цветные иконки, скачанные в интернете.

цветные иконки

Нажимаем кнопку "Сохранить и закрыть", переходим на страницу сайта, обновляемся (F5) и наслаждаемся нашей красивой менюшкой.


Вертикальное меню с картинками

↓↓↓ Понравилась статья? Жми на кнопки! ↓↓↓

Тэги: вертикальное меню, меню с картиками

Добавить комментарий


Защитный код
Обновить