Установка и настройка красивого меню P30 Bubblemenu для Joomla 1.5.xx

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

sourse

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

Расширения > Установить/Удалить > Выберите файл > [Выбираем  архив (.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)


 

Ну вот и все, мы научились работать с модулем P30 Bubblemenu!

Спасибо за внимание!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: ruseller.com
Перевел: Буров Александр
Урок создан: 17 Января 2011
Просмотров: 55813
Правила перепечатки


5 последних уроков рубрики "Joomla!"

^ Наверх ^