Установка и настройка красивого меню 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
Просмотров: 54526
Правила перепечатки


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

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 17 Января 2011 20:36
    skript11
    тупо
    • 18 Января 2011 06:58
      budzin
      Кому то может пригодиться :)
  • 18 Января 2011 20:59
    Extremum
    skript11 сделай лучше
    • 20 Января 2011 19:09
      skript11
      каму ето нужно
      • 20 Января 2011 19:25
        sdbeet
        Я использовал это меню в данном проекте http://42340.artmbstu.web.hosting-test.net/
  • 21 Января 2011 00:28
    veronica
    Классно, спасибо!
  • 25 Мая 2011 17:28
    koshsh
    А у меня почему то глюк странный с этим меню. При включении jquery у последнего пункта меняется высота с 60 на 21пх, и выглядит ужасно, как будто провалился =) Не пойму почему...
  • 3 Июня 2011 01:47
    borissuccess
    Прикольный плаг)
  • 29 Июня 2011 14:28
    Остап Бречко
    Ссылка на демо не работает.
  • 30 Июля 2011 20:14
    ufonaftas
    спасибо главное картинки свои можно вставить i lowe joomla
  • 21 Августа 2011 20:23
    Русичка Юханов
    подскажите пожалуйста а как его сделать горизонтальным?
    • 28 Августа 2011 21:49
      ufonaftas
      tak ono itak gorizontalnoe
  • 10 Октября 2011 13:29
    SanDiesel
    Кто-нибудь пробовал с Joomla 1.7 данную вещь?
  • 2 Января 2012 21:42
    eralef
    Как убрать надпись над картинкой при наведении?. все портит В поле label убираю там по умолчанию ставится после сохранения P30 Doctor
    • 19 Июня 2015 09:43
      Dorfman
      Я, к примеру, с помощью стилей сделал надписи ПОД картинкой: это более логично.
  • 12 Января 2012 12:23
    serezhka86
    Подскажите, пожалуйста, есть ли подобное меню для Joomla 1.7? Или реально ли оптимизировать это под версию 1.7?
  • 5 Февраля 2012 18:55
    xaweleon
    на joomla 2.5 установится?
  • 23 Февраля 2013 00:59
    lybimcheg
    Спасибо большое!
  • 14 Июля 2013 10:07
    nbs1972
    Подскажите, где можно скачать этот модуль?
    • 19 Июня 2015 09:44
      Dorfman
      В шапке статьи огромная кнопа "Исходники"!!!
  • 25 Декабря 2015 18:02
    MaDe in KG...
    Пожалуйста,помогите мне срочно,я загрузила этот модуль и он работает,только я не знаю как создавать в нем материалы через Joomla,ведь он идет как меню,а как сделать ссылки на материалы?ведь я незнаю где хранятся материалы созданные на joomla,я делаю курсовую и надеюсь на вашу помощь,буду ждать от вас ответа
^ Наверх ^