образовательный центр

Работа с кнопками и меню

 

Содержание:

Установка кнопки

Редактирование текста кнопки

Редактирование стилей кнопки

Установка ссылки с кнопки

Установка меню

Изменение размеров меню

Управление поведением меню

Редактирование стилей меню

 

 

 

Установка кнопки

 

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

 

Кнопка появится на вашем сайте.

Редактирование текста кнопки

 

Для редактирования текста дважды нажмите на кнопку. После этого вы перейдете в режим редактирования кнопкой.

В режиме редактирования вы можете управлять шрифтом и другими стилями текста внутри кнопки.

Редактирование стилей кнопки

 

Для того, чтобы настроить ссылку с кнопки и управлять поведением кнопки, нажмите правую кнопку (пардон за каламбур) мышки на виджете и на открывшемся меню кликните на пункт "Настройки кнопки".

 

Перед вами откроется такое окно.

 

В этом окне вы можете задавать ссылку и управлять стилем кнопки в момент, когда она просто показывается и когда на нее наводится курсор.

 

Давайте разберем каждый из пунктов настроек кнопки.

Стиль позволяет делать текст внутри кнопки жирным, наклонным или подчеркнутым.
Цвет — это цвет текста внутри кнопки.
Цвет границы — это цвет рамки, в которую можно обернуть кнопку.
Размер границы — это ширина данной рамки.
Фон — фоновый цвет кнопки.
Цвет размытия — цвет тени от кнопки.
Радиус размытия — соответственно, радиус применения тени (размытия).
Распределение размытия — "сила", с которой распределяется тень от кнопки.
Внутрь — возможность применить размытие во внутрь кнопки. 

 

К примеру, сделаем вот такие настройки. Все изменения сразу отображаются в области просмотра.

 

Чтобы применить новые настройки, нажмите "Ок". Кнопка покажется в следующем виде:

 

 

Установка ссылки

 

Для этого нажмите на данную кнопку в настройках.

 

Откроется новое окно. Здесь вы можете выбрать внутреннюю страницу сайта для установки ссылки.

 

Выбрать файл, который будет открываться при нажатии на кнопку.

 

Установить внешнюю ссылку.

 

Установка меню


Перетаскиваем новый виджет из списка виджетов левого меню.

 

Виджет появился.

 

 

Изменение размера меню

 

Вы можете изменять размер виджета "Меню" двумя способами:

1. Выставить необходимое значение в "Свойствах" виджета.

 Изменение размеров меню

2. Изменить размер виджета, наведя курсор на один из белых маркеров, зажав левую кнопку мыши и потянув в нужную сторону

Изменить размер меню

Нажмите дважды на меню, чтобы зайти в настройки.

Управление поведением меню

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

Чтобы исключить страницу из меню необходимо снять галочку слева от ее названия.

Если необходимо показать страницу в меню, но запретить переход на нее, нужно деактивировать ссылку, нажав кнопку  справа от названия страницы.

 

В настройках меню есть три режима отображения меню:

- обычный режим (применяется в режиме покоя)
- по наведению (применяется при наведении мышки на меню)
- активный (применяется, когда открыта текущая страница)

Соответственно, для каждого режима вы можете установить собственный стиль.

 

В режиме просмотра это будет выглядеть так.

 

Стили меню

 

В настройках меню вы можете управлять стилями меню.



Постепенно мы будем добавлять новые.

Не забывайте, что у нас также имеется и виджет вертикального меню.

 

Настройки данного виджета идентичны настройкам горизонтального меню.