Блик для кнопки – расширение для Web Builder


Бесплатное расширение «Блик для кнопки» для программы WYSIWYG Web Builder.
Блик реализован на чистом CSS, без использования скриптов (JavaScript / jQuery).
Можно использовать несколько расширений для разных бликов!
Демо-пример бесплатного расширения «Блик для кнопки»
Основные настройки:
Class - для слоя
Это имя класса для слоя на котором находится кнопка (смотреть в справке Шаг 3).
HTML-исходник Слоя -- В теге -- нужно прописать: class="blick-button"
border-radius
Радиус бордюра для слоя с кнопкой нужно прописать в самом расширении. Радиус должен быть такой же, как у кнопки (смотреть: Стиль / Граница / Радиус).
- Переместите расширение «Блик для кнопки» на страницу проекта.
- Переместите "Слой (Layer)" на страницу вашего проекта.
- Вставьте / разместите кнопку формы в Слой (Layer).
В свойстве объекта Слоя и Кнопки настройте под себя нужные вам параметры.
- для Слоя (Layer) рекомендуется использовать прозрачный фон:
Свойства слоя -- Стиль -- Режим: Transparent.
В HTML-исходнике Слоя -- В теге -- пропишите: class="blick-button"
Вы можете изменить это имя класса на своё имя в свойстве расширения "Class",
но не забудьте, потом прописать этот новый класс в HTML-исходнике Слоя.
Переместите Слой (Layer) с кнопкой на слой Формы.
- размер слоя с кнопкой должен соответствовать размеру кнопки.
- подгонять Слой (Layer) под размер кнопки нужно только после того, как вы переместите его на слой формы..
Скачать расширение «Блик для кнопки»