Nice Menus. Выпадающее меню для Drupal 7.

image

02.09.12
Comments 2

Всем привет. Очень давно не писал в блог, был очень занят одним проектом, но зато теперь у меня появилось много наработок по Drupal, которыми я смогу поделиться со своими читателями. Сегодня решил побырому накатать статью об очень замечательном модуле Nice menus, который позволяет создавать выпадающие меню для вашего сайта.

Итак, начнем. Скачиваем модуль  с Drupal.org и устанавливаем на свой сайт в папку sites/all/modules/, затем включаем в админке.

После того как модуль  установлен нужно создать меню для которого мы хотим сделать выпадающий эффект. Для этого проходим в раздел «Структура - Меню», далее нажимаем на кнопку «Добавить меню». Назовем наше меню «Категории». Теперь нам нужно добавить несколько пунктов меню. Для этого нажимаем на ссылку «Добавить ссылку». Для того чтобы получилось выпадающее меню нужно сделать его многоуровневым, как на картинке ниже:

nice menu

После того как меню создано, нужно пройти в «Структура - Блоки» и в отключенных блоках выбрать блоки с заголовком Nice menu 1 (nice menu), по умолчанию доступно два блока, количество доступных блоков можно указать на странице настройки данного модуля.

Итак, пройдем в настройки блока. В настройках нужно указать заголовок блока, если вы не хотите чтобы заголовок отображался на сайте нужно ввести в поле <none>.

Дайте название меню, назовем его так же «Категории».

Так же вы должны указать меню, которое будет отображать этот блок, это можно сделать в поле «Родительское меню».

В поле «Стиль меню» нужно указать способ которым будут выпадать подпункты меню:

Down – подойдет для создания верхнего, горизонтального меню, так как подпункты будут выпадать вниз.

Left – Подойдет для меню которое находится в правом сайт баре, потому что выпадает в левую сторону.

Right – Подойдет для меню которое находится в левом сайт баре, потому что выпадает в правую сторону.

nice menu

Сохраняем настройки. Затем указываем регион, в котором хотим видеть данный блок, я выбрал «Вторая боковая панель», так как я выбрал стиль отображения «Left».

В принципе меню готово, если вы хотите использовать для этого меню собственные CSS стили, то для этого вам нужно пройти в «Оформление – Настройки темы». В настройках темы ищем поле  «Путь к пользовательскому CSS-файлу для Nice menus» и прописываем туда путь до собственного файла CSS.

Nice menu

Tags: 

Комментарии

Юрий 07.03.13

А нет ли случайно образца самописного css для данного модуля?

Татьяна 23.05.13

Спасибо за реальный совет - все получилось/ что тут не описано - додумала сама/ честно - сутки мучилась с этим меню - уже и надежду потеряла/ ОГРОМНОЕ СПАСИБО ЕЩЕ РАЗ!!!!

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