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

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

 

Содержание:

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

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

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

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

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

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

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

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

 

 

 

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

 

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

 

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

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

 

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

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

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

 

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

 

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

 

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

 

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

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

К примеру, сделаем вот такие настройки.

 

Кнопка покажется в следующем виде:

 

 

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

 

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

 

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

 

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

 

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

 

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


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

 

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

 

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

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

 

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

 

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

1. Выставить необходимое значение в настройках меню. Вместе с размерами виджета изменится кегель шрифта.

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

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

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

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

 

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

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

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

 

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

 

Стили меню

 

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



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

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

 

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