Аккордеонное Меню - Меню - Sparky Docs - HotThemes

1. Настройки шрифта
2. Аккордеонная Компоновка и Стиль
3. Образец

Чтобы активировать тип меню «Аккордеон» , откройте вкладку «Меню», щелкните свое меню и выберите опцию «Меню аккордеона» в селекторе. Многие новые параметры станут доступны.

Этот тип меню показывает пункты меню, выложенные вертикально . Подходит для меню, расположенного на боковой панели слева или справа от вашего контента. Вы также можете использовать его в разных местах, в зависимости от обстоятельств.

Пункты меню с первого уровня отображаются вертикально. Элементы меню второго уровня будут отображаться, когда посетитель наведет курсор мыши или щелкнет (в зависимости от значения параметра) пункт меню первого уровня. То же самое верно для всех более глубоких уровней. Таким образом, этот тип меню меняет свою высоту и динамически открывает пункты меню более глубокого уровня, как «гармошка».

Параметр «Показать имя меню» позволяет включить название меню над пунктами меню.

Если параметр Menu Collapsible включен, меню аккордеона будет свернуто, когда посетитель переместит указатель мыши или щелкнет (в зависимости от значения параметра), если есть дочерние элементы меню. Отключение этого параметра отключит основную функцию этого типа меню.

Если включен параметр «Равная высота панелей», панели с дочерними элементами меню второго и более высоких уровней всегда будут иметь одинаковую высоту , независимо от количества пунктов меню в них. Высота будет выбрана для самой верхней панели и использована для всех остальных панелей.

Параметр Trigger Action имеет две опции: навести курсор мыши и щелкнуть мышью . Это позволяет вам выбрать, показывать ли дочерние элементы меню, как только указатель мыши находится над родительским элементом меню, или ждать щелчка.

Параметр «Анимационный эффект» имеет два параметра: «Слайд» и «Отскок слайда». Этот эффект анимации используется, когда раскрываются панели с дочерними элементами меню.

Параметр Slide третьего уровня имеет две опции: вправо и падение. Он определяет, какое направление будет использоваться, когда раскрывается панель с пунктами меню третьего и более высокого уровня.

Параметр «Скорость анимации» определяет продолжительность анимации в миллисекундах.

Настройки шрифта

Параметры шрифта, Размер шрифта, Цвет ссылки и Цвет ссылки при наведении связаны с пунктами меню первого уровня. Размер шрифта подлинков, Цвет ссылок подлинков и Подсказки Цвет параметров наведения связаны с пунктами меню второго и более высокого уровня. Все эти параметры позволяют вам выбрать свойства шрифта, которые будут использоваться для ваших пунктов меню. Они работают так же, как те, что мы объяснили в разделе «Стиль» (подробнее об этом читайте в этом разделе).

Аккордеонная Компоновка и Стиль

Этот набор параметров определяет макет и стиль вашего аккордеонного меню.

Параметр «Цвет фона панели» позволяет выбрать фон для панелей меню гармошки.

Параметр Panes Border Color позволяет выбрать цвет границы для панелей меню гармошки. Этот параметр не действует, если для параметра «Толщина границы панелей» установлено значение 0.

Параметр «Толщина границ панелей» позволяет установить толщину границ для панелей меню гармошки. Чтобы отключить границу, введите 0 в этом параметре.

Параметр Panes Border Radius позволяет установить закругленные углы панелей меню гармошки. Этот параметр должен быть введен в пикселях.

Образец

Этот образец из Шаблон детского сада , Этот шаблон доступен для всех премиум-членов.