Для CMS Joomla существует масса решений для создания красивых выпадающих меню, сегодня я расскажу вам об одном из них, это компонент от RocketTheme который называется RokNavMenu. Этот модуль имеет массу настроек, с помощью которых вы сможете реализовать такое меню какое нужно будет вам.
После того как модуль будет установлен нужно будет создать меню к которому нужно добавить эффект. О том как создавать меню я писал в этой статье. Для того чтобы получился эффект выпадения нужно к заглавному пункту меню добавить дочерние пункты, то есть должна получится примерно такая иерархия ссылок.
Далее нужно создать модуль для нашего меню, для этого пройдите в «Расширения – Менеджер модулей», затем нажмите на кнопку создать, и из всего списка выберите модуль RokNavMenu
Рассмотрим какие настройки предлагает нам данный модуль.
Поднобно
Заголовок. В поле заголовок нужно указать заголовок который будет показываться на сайте, но в большинстве случаев его нужно скрыть, для этого нужно установить чекбокс в соответствующее положение.
Позиция. Здесь нужно выбрать позицию модуля в которой он будет показываться на сайте. В данном уроке я использую стандартную тему Beez 20 и выбрал позицию position-1, так как она подходит для горизонтального меню.
Основные параметры
Теперь рассмотрим некоторые настройки из правой части экрана.
Select Menu. Здесь нам необходимо выбрать меню к которому мы хотим привязать данный модуль.
Show Sub-menu Items. Установите чекбокс в положение «да», собственно этот пункт и активирует выпадающее меню.
Themes. Нужно выбрать пункт Default Fusion, при этом у нас появится еще много дополнительных настроек.
Enable JavaScript. Нужно установить чекбокс в положение «yes».
Вот так выглядят основные настройки у меня.
Все основные параметры мы рассмотрели, дальше вы можете сами настроить модуль под свои нужды.
После того как модуль будет установлен нужно будет создать меню к которому нужно добавить эффект. О том как создавать меню я писал в этой статье. Для того чтобы получился эффект выпадения нужно к заглавному пункту меню добавить дочерние пункты, то есть должна получится примерно такая иерархия ссылок.
Далее нужно создать модуль для нашего меню, для этого пройдите в «Расширения – Менеджер модулей», затем нажмите на кнопку создать, и из всего списка выберите модуль RokNavMenu
Рассмотрим какие настройки предлагает нам данный модуль.
Поднобно
Заголовок. В поле заголовок нужно указать заголовок который будет показываться на сайте, но в большинстве случаев его нужно скрыть, для этого нужно установить чекбокс в соответствующее положение.
Позиция. Здесь нужно выбрать позицию модуля в которой он будет показываться на сайте. В данном уроке я использую стандартную тему Beez 20 и выбрал позицию position-1, так как она подходит для горизонтального меню.
Основные параметры
Теперь рассмотрим некоторые настройки из правой части экрана.
Select Menu. Здесь нам необходимо выбрать меню к которому мы хотим привязать данный модуль.
Show Sub-menu Items. Установите чекбокс в положение «да», собственно этот пункт и активирует выпадающее меню.
Themes. Нужно выбрать пункт Default Fusion, при этом у нас появится еще много дополнительных настроек.
Enable JavaScript. Нужно установить чекбокс в положение «yes».
Вот так выглядят основные настройки у меня.
Все основные параметры мы рассмотрели, дальше вы можете сами настроить модуль под свои нужды.
0 коммент.:
Отправить комментарий