Выпадающее меню на Jquery для Drupal 7. Модуль Megamenu.

image

12.06.12
Comments 2

Для Cms Drupal есть много модулей для создания красивых и опциональных меню на Jquery. Сегодня я расскажу вам ободном из них, называется он Megamenu. Что такое мегаменю надеюсь все знают, это когда при наведения на пункт меню выпадает список, блоки которого расположены горизонтально. Что бы вам было понятнее о чем я говорю, посмотрите работу данного модуля вот на этом сайте. Конечно, чтобы добиться такого эффекта как на сайте из примера вам придется поиграться с CSS. Итак, давайте приступим к установке и настройке этого модуля.

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

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

Megamenu Drupal 7

После того как вы создали меню нужно пройти на страницу управления модулем Megamenu, «Конфигурация -> Mega menus» и включить созданное нами меню.

Megamenu Drupal 7

Затем проходим на страницу управления блоками «Структура -> Блоки» и включаем не само созданное нами меню, а блок который был генерирован модулем.  Я включил этот блок и расположил его в регионе «Шапка» стандартной темы Bartik.

Теперь можно пройти и посмотреть  как работает модуль.

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

Пройдите в раздел «Style Settings (настройки стиля)», и поставьте чекбокс напротив строки «Use your own custom skin (Используйте свои собственные стили)». Сохраните настройки.

Megamenu Drupal 7

Теперь если вы заново пройдете и посмотрите на меню, вы увидите что сама структура сохранилась, но исчезло оформление, все верно теперь вы сами можете прописывать стили в своем файле CSS.

Tags: 

Комментарии

Ирина 16.07.12

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

admin 16.07.12

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

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