Команды в разделе Меню-гамбургер

Этап 4 - Страницы > Объект меню >

Команды в разделе Меню-гамбургер

Previous pageReturn to chapter overviewNext page

Если имеющегося места не достаточно для отображения всех пунктов, меню автоматически заменяется кнопкой-гамбургером. Это происходит, также, когда не активирована опция создания Адаптивного Сайта (в Разрешения и Адаптивный Дизайн).

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

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

Кнопка-гамбургер имеет квадратную форму и ее высота и стиль задаются через опции раздела Главный.

Если нажать на кнопку-гамбургер, отображается меню-гамбургер, то есть всплывающее меню с пунктами первого уровня.

Кликните, чтобы развернуть/уменьшить

Для настройки стиля меню-гамбургера, можно, во-первых, использовать опции в рамке Отображение:

Открытие— указывает с какой стороны, справа или слева, при нажатии на кнопку-гамбургер должно открыться меню.
Эффект— указывает эффект, применяемый при отображении кнопки-гамбургера.
Длина— определяет скорость, с которой появляется Меню при нажатии Кнопки-Гамбургер.

Учитывая , что меню-гамбургер показывается в виде наложения на страницу, можно определить некоторые опции для Стиль наложения контента:

Цвет фона— указывает цвет наружного фонаменю-гамбургера, то есть цвета, который становится полупрозрачным (в зависимости от значения, заданного для опции Непрозрачность), и используется для создания фильтра, который затемняет нижележащую страницу.
Непрозрачность— настраивает степень матовости цвета наружного фонаменю-гамбургера. Для значений, близких к 0, уменьшается матовость и фильтр становится более прозрачным, позволяющим видеть содержимое страницы.

Для определения Стиль кнопки доступны опции:

Ширина— можно задать в пикселах ширину кнопок для пунктов меню.
Поля— можно задать отступы по горизонтали и по вертикали в пикселах (промежутки между границей кнопки и текстом внутри нее).
Отдалить— настраивает значение (в пикселах) наружного отступа, то есть пространства между одной кнопкой и другой.

Ширина кнопок должна быть задана, также, с учетом общего доступного для меню пространства: этот параметр можно легко изменить, если не используется заранее установленный графический шаблон (см. Структура Шаблона).

В рамке Текст кнопки доступны следующие опции:

Тип шрифта— задает шрифт, стиль и размер для текста.
Выравнивание— можно задать выравнивание текста на поверхности кнопки: по левому краю, по центру или по правому краю.

Далее, можно настроить стиль отдельных элементов меню-гамбургера. Прежде всего, следует выделитьЭлемент меню, над которым вы хотите работать: Фон, Пункт меню, Элемент при наведении курсора мыши, Разделитель и Разделительная линия.

В зависимости от выбранного элемента, в разделе Стиль могут быть доступны следующие опции:

Цвет фона / Цвет текста— определяют цвет фона, текстов пунктов в разном состоянии, разделителя меню, а для элемента Разделительная линия.
Край— определяет, в том числе по отдельности, цвет, толщину и тень рамки фона.
Текст кнопки— применяет к Элемент при наведении курсора мыши или к Разделитель стиль текста Обычный, Жирный, Курсив или Подчеркнутый. Этот стиль добавляется к параметрам, заданным в рамке Текст кнопки.
Ширина— опция доступна только для элемента Разделительная линия, настраивает ширину в процентном отношении относительно ширины меню-гамбургера.