Часто на сайтах, чтобы показать подразделы или сэкономить место - возникает задача создания выпадающего меню. Однако, если делать это своими силами, то нужно иметь достаточные знания по CSS и JavaScript. С помощью модуля Ice Mega Menu даже начинающий пользователь сможет создать красивое выпадающее меню, не прибегая к помощи к коду. Все настойки заданы в параметрах модуля.
Преимущества модуля
- выбор стилевого оформления выпадающих пунктов меню
- эффект выпадающего меню - слайд, появление или и то и другое
- возможность загрузки изображения в пункт меню
- установка времени появления и исчезания
- возможность отключения JavaScript в случае появления конфликтов
Установка и настройка Ice Mega Menu
После скачивания архива его необходимо распаковать. Затем установить и активировать модуль и плагин, который нужен для корректной работы расширения. После этого можно перейти к параметрам Ice Mega Menu:
IceMegaMenu Parameters
- Select Theme - выбор стилевого оформления
General Menu Configuration
- Select Menu - выбор меню, к которому будет модуль
- Start Level - уровень, с которого следует начинать показ выпадающих пунктов
- End Level - выбор уровня до которого показывать выпадение
- Always show submenu items - показывать или нет подпункты меню
- Menu Class Suffix - указание уникального класса меню, для настройки его в CSS
- Menu Tag ID - при необходимости указать уникальный id
Effects Settings
- Menu Effect - выбор эффекта (слайд, плавное появление или оба)
- Transition Effect - выбор из выпадающего списка эффект появления
- Duration Effect (ms) - продолжительность выбранного эффекта
- Hide Delay (ms) - установка времени, спустя которое подменю исчезнет
- Submenu Opacity - прозрачность выпадающих пунктов меню
Optional Feature
- Use Javascript - использовать или нет Javascript
Дополнительные параметры
- Module Class Suffix - установка специального суффикса к CSS-классу
- Caching - использовать глобальные настройки или отключить кэширование
- Cache time - время жизни кэша (в минутах)
Other Parameters
- Show Menu Icons - показывать или нет иконки пунктов меню
- Menu Icon Alignment - выбор положения иконок (слева, справа или нигде)
- Menu Icon Link - является или нет иконка ссылкой
- Expand Menu - разворачивать или нет меню
- Activate parent - активировать или нет родителя меню
- Full Active highlighting - использовать ли подсветку при активировании
- Indent Image - выбрать тип изображений, которые будут отображаться в подуровнях
- Indent Image 1 (6) - изображения первого (шестого) подуровня
- Spacer - отступ после пункта подменю
- End Spacer - конец отступа
Изменять стили выпадающего меню и самих пунктов можно с помощью редактирования файла CSS, который расположен по пути: modules/mod_icemegamenu/themes/default/css/
Чтобы сделать неактивным первый пункт меню, нужно сделать этот пункт "Разделителем".
Данный модуль сможет работать даже на вашем смартфоне, а чтобы он всегда был надежно защищен - приобретайте чехлы и защитные пленки на сайте http://armored.com.ua/1157-h422-spirit.