Стили меню в Warp Framework 5

Этот урок объясняет то, как вы можете определить модуль типа "меню", в качестве выпадающего или аккордион-меню, используя суффикс класса меню (Menu Class Suffix) в шаблоне, созданном на технологии Warp Framework v5.

Назначение модуля меню как выпадающего

define menu modules 01Чтобы создать модуль с выпадающим меню, для вашего Главного меню, перейдите в Расширения --> Менеджер модулей и создайте новый модуль. Для созданного модуля укажите тип - "Меню". Выберите для него позицию - "Menu". define menu modules 02Справа, вы можете видеть параметры: Название меню - выберите из выпадающего списка mainmenu. Установите параметр Конечный уровень (End Level) на значение "3", чтобы указать модулю возможность показывать вложенные подменю максимум до 3 уровня, а для параметра Всегда показывать подпункты меню установите значение "Да". Затем нажмите на Расширенные параметры.
define menu modules 03В параметре Суффикс класа меню, вы должны впечатать menu-dropdown. Для параметра Суффикс класса модуля введите style-menu. На этом все.

Назначение модуля меню как аккордион

define menu modules 04Пункты меню первого уровня, которые вы хотите отображать (по нажатию на которые с эффектом аккордион будут отображаться подпункты) должны стать разделителями (separators) для возможности использования аккордион эффекта. define menu modules 05Чтобы создать модуль меню с функциональностью аккордиона, перейдите в Расширения --> Менеджер Модулей и создайте новый модуль. Выберите для него тип - "Меню". Выберите для него вертикальную позицию, предпочтительно в колонке, например, позиция left. define menu modules 06Справа, вы найдете параметр Название меню - здесь выберите меню, которое вы хотите отображать. Установите значение для Конечного уровня (End Level), означающее то, как много уровней меню вы желаете отбразить. Затем нажмите на Расширенные параметры.
define menu modules 07Для суффикса класса меню, вам необходимо впечатать menu-accordion. Для суффикса класса модуля, введите style-menu. Все.
Стиль меню по умолчанию: если вы оставите поле для ввода Суффикс класса меню пустым, меню будет загружаться со стандартным стилем шаблона, без аккордион эффекта.
  • Понедельник, 04 июня 2012

Оставить комментарий

Вы комментируете как Гость.

beget