В данном уроке мы научимся устанавливать и настраивать красивое меню P30 Bubblemenu на своих картинках для Joomla 1.5.xx с эффектом увеличения при наведении.

Установка модуля:

Расширения > Установить/Удалить > Выберите файл > [Выбираем  архив (.zip)] > Загрузить модуль и установить

Далее находим его в нашей админ панели:
Расширения > Менеджер модулей > [Ищем сам модуль] > [Выбираем   модуль ]
И видим (рис.1):

1

 

Нам нужно определится в каком месте (позиция) будет находится наше меню.(рис.2)

2

Настройка модуля:

После этого переходим к настройке и причёсыванию модуля.(рис.3)3Параметры модуля:

Суффикс класса модуля: с помощью суффикса задается альтернативный стиль модулю (это не трогаем)


Load jQuery – загрузка библиотеки


Menu zoom: данная опция позволяет задать увеличение пунктов меню при наведении на них (рис.4) и (рис.5)


Без наведения (рис.4)

4


С наведением (рис.5)
5


Далее переходим к настройке самих пунктов меню (рис.6)


6

Картинка меню: здесь указывается сама картинка меню с корневой папки модуля которая находится в: 
(корневая папка сайта)/modules/mod_p30bubblemenu/images/…


Labelназвание пункта меню (рис.7)

 

7


Menu url: адрес перехода при нажатии


Width of image: ширина изображения (рис.8)

8

Height of image: высота изображения (рис.9)

 

9


Horizontal space:  расстояние между пунктами меню (рис.10)

 

10


Vertical space: расстояния верх-низ (рис.11)

 

11


Show menu: опция определяет отображать ли меню (всего можно отобразить 10 пунктов меню) (рис.12)


12

 

{

}