Главная Новости

Темизация выпадающего меню модуля Nice menus

Опубликовано: 30.04.2018

видео Темизация выпадающего меню модуля Nice menus

Drupal 7 настройка меню и темы Omega

Для меня всегда была проблема темизировать выпадающие меню из-за их глючности в разных браузерах. Наконец-то разобрался с устройством нормального кроссбраузерного меню Nice menu из аналогичного модуля для друпала.



Ставим модуль отсюда http://drupal.org/project/nice_menus

Заходим admin/settings/nice_menus , ставим кол-во блоков = 1, я еще отключаю скриптование.

Заходим в блоки, ставим появившийся блок nice_menu_1 в нужный регион, сохраняем. Заходим в настройки блока, там выставляем заголовок блока , menu_parent = Primary Links, menu style = down


Выдвижное меню - DHTML menu Drupal 7

Сохраняем, радуемся выпадающему меню.

Далее его надо темизировать. Копируем файл sites\all\modules\nice_menus\nice_menus_default.css в папку с css вашей темы. Далее заходим в глобальные настройки тем друпала здесь: /admin/build/themes/settings/global и в новом пункте настройки "Path to custom Nice menus CSS file" указываем путь до нашего скопированного css файлика, у меня он например такой:

sites/all/themes/aksioma_windows/css/nice_menus_aksioma_windows.css

Все, теперь редактируем наш css файл как хотим и получаем результат.

Для более легкого понимания принципов оформления я для себя сделал другой шаблонный css-файл, в котором убрал все ненужное, оставил только настройки для выпадающего вниз меню и добавил свои комментарии. Он в прикрепленном файле. Так же прикрепяю результирующий файл, вдруг пригодится тоже.

Если вы используете тему Zen и возникли проблемы с выпадением меню (когда оно прячется за контент), то решение проблемы я написал здесь: http://nikita-petrov.com/drupal/vypadayushchee-menyu-zen-theme-na-primer...

rss