Выпадающее меню для Joomla.

image

08.07.12
Comments 16

Для CMS Joomla существует масса решений для создания красивых выпадающих меню, сегодня я расскажу вам об одном из них, это компонент от RocketTheme который называется RokNavMenu. Этот модуль имеет массу настроек, с помощью которых вы сможете реализовать такое меню какое нужно будет вам.

Приступим к установке модуля RokNavMenu. Первым делом нужно скачать его с сайта разработчика по этой ссылке. Далее его нужно установить через менеджер расширений.

После того как модуль будет установлен нужно будет создать меню к которому нужно добавить эффект. О том как создавать меню я писал в этой статье. Для того чтобы получился эффект выпадения нужно к заглавному пункту меню добавить дочерние пункты, то есть должна получится примерно такая иерархия ссылок.

Выпадающее меню для Joomla

Далее нужно создать модуль для нашего меню, для этого пройдите в «Расширения – Менеджер модулей», затем нажмите на кнопку создать, и из всего списка выберите модуль RokNavMenu

Выпадающее меню для Joomla

Рассмотрим какие настройки предлагает нам данный модуль.

Поднобно

Заголовок. В поле заголовок нужно указать заголовок который будет показываться на сайте, но в большинстве случаев его нужно скрыть, для этого нужно установить чекбокс в соответствующее положение.

Позиция. Здесь нужно выбрать позицию модуля в которой он будет показываться на сайте. В данном уроке я использую стандартную тему Beez 20 и выбрал позицию position-1, так как она подходит для горизонтального меню.

Основные параметры

Теперь рассмотрим некоторые настройки из правой части экрана.

Select Menu. Здесь нам необходимо выбрать меню к которому мы хотим привязать данный модуль.

Show Sub-menu Items. Установите чекбокс в положение «да», собственно этот пункт и активирует выпадающее меню.

Themes. Нужно выбрать пункт Default Fusion, при этом у нас появится еще много дополнительных настроек.

Enable JavaScript. Нужно установить чекбокс в положение «yes».

Вот так выглядят основные настройки у меня.

Выпадающее меню для Joomla

Все основные параметры мы рассмотрели, дальше вы можете сами настроить модуль под свои нужды.

Tags: 

Комментарии

Somebody 19.10.12

Модуль ужасный. при горизонтальном меню еще более-менее, но при вертикальзом это звиздец... плюс переделывает линки что вообще очень плохо

admin 20.10.12

Так css нужно учить чтобы придать ему красоты

Александр 22.11.12

А можно ли подсказать где и как отредактировать CSS что бы в вертикальном меню подпункты выпадали справа при навидении. У меня на сайте используэтсся шаблон sunshine_1.6.

или Вам код прислать. Огромное спасибо.

П.С.
Сайт класный спасибо много чего зделал на своем сайте с вашей помощью.

Олег 08.12.12

Для редактирования CSS нужно зайти (для Joomla 2.5) в Меню Расширения->Менеджер шаблонов->Закладка Шаблоны. Найти свой шаблон и войти по ссылке Параметры <имя шаблона>. В правой части раздел Таблицы стилей есть ссылка "Изменить css/template.css".
Жми туда и редактируй. Успеха!

Станислав 13.01.13

А как перенести меню уже готового шаблона? Загрузил шаблон, а меню там не отображается... Заранее спб.

admin 13.01.13

Нужно заново создавать меню, и вставлять в нужный регион.

Станислав 13.01.13

А с наполнением как поступить? Его тоже нет...

admin 13.01.13

Тоже создавать нужно, и вставлять в нужные регионы, оформление подхватится, а вообще если есть установочный профиль демосайта с шаблоном, нужно установить его и смотреть как там сделано, если у вас шаблон платный, то такой профиль должен быть.

Станислав 13.01.13

Можно чуть подробнее об установочных профилях демосайтов... Шаблон я создал при помощи Artisteer 4.

Сергей 18.02.13

модуль отличный, но есть вопрос:
В джумле 2.5.9 почему то перестал работать такой параметр как ширина выпадающего подменю второго уровня (кто знает - подскажите, как устранить проблему)

наташа 29.05.13

модуль фигня. все настройки перебрала, а выпадающего меню так и нет. версия джумлы 2.5.11.

admin 01.06.13

Модуль нормальный, главное желание и терпение, без этого в нашем деле никак.

Эдвард 02.12.13

Модуль работает нормально. Joomla3.2+Cobalt8. Спасибо

Vidar 08.12.13

Модуль действительно неплохой но на счет вертикалки да, если бы он также без задолбов встраивался в вертикалку как в горезонталку

Александр 28.01.14

Подскажите пожалуйста какой класс писать в css, чтобы при наведении на родительский элемент менялся цвет?

admin 30.01.14

Готовых классов для этого нет, нужно к классу объекта писать стили, и с помощью одного лишь css этого не сделать, нужно еще jquery. А если вам нужно просто пункт меню чтобы подсвечивался, то это .myclass:hover{background:#ccc}

Комментировать