В данном уроке мы научимся устанавливать и настраивать красивое меню P30 Bubblemenu на своих картинках для Joomla 1.5.xx с эффектом увеличения при наведении.
Установка модуля:
Расширения > Установить/Удалить > Выберите файл > [Выбираем архив (.zip)] > Загрузить модуль и установить
Далее находим его в нашей админ панели:
Расширения > Менеджер модулей > [Ищем сам модуль] > [Выбираем модуль ]
И видим (рис.1):
Нам нужно определится в каком месте (позиция) будет находится наше меню.(рис.2)
Настройка модуля:
После этого переходим к настройке и причёсыванию модуля.(рис.3)
Параметры модуля:
Суффикс класса модуля: с помощью суффикса задается альтернативный стиль модулю (это не трогаем)
Load jQuery – загрузка библиотеки
Menu zoom: данная опция позволяет задать увеличение пунктов меню при наведении на них (рис.4) и (рис.5)
Без наведения (рис.4)
С наведением (рис.5)
Далее переходим к настройке самих пунктов меню (рис.6)
Картинка меню: здесь указывается сама картинка меню с корневой папки модуля которая находится в:
(корневая папка сайта)/modules/mod_p30bubblemenu/images/…
Label: название пункта меню (рис.7)
Menu url: адрес перехода при нажатии
Width of image: ширина изображения (рис.8)
Height of image: высота изображения (рис.9)
Horizontal space: расстояние между пунктами меню (рис.10)
Vertical space: расстояния верх-низ (рис.11)
Show menu: опция определяет отображать ли меню (всего можно отобразить 10 пунктов меню) (рис.12)
