кнопка с изменением цвета при наведении

Цвет границы при преобразованиях выглядит следующим образом:

11. Цвет границы, цвет границы при наведении и цвет границы при нажатии меняется как в пункте 2.

10.Мы видим, что после сохраненных изменений кнопка поменяла свой вид.

9. Толщина границы определяет параметры границы кнопки. Выбираем нужную толщину, сохраняем.

8. Вот что получилось.

7. Высота кнопки стоит по умолчанию. Для изменения данного параметра вводим число и нажимаем "Сохранить"

При наведении курсора мышки на кнопку, она выглядит так:

При нажатии кнопки, она выглядит так:

6. Изменение цвета при наведении и цвета при нажатии осуществляется таким же способом (см. пункт 2)

5. Теперь мы видим, что кнопки стали другого цвета.

Всегда после нажатия кнопки 'Сохранить' подождите несколько секунд (Ваши данные сохраняются), после чего обновите страницу для просмотра результатов изменения

После чего нажимаем "Сохранить".

4. Для изменения цветовой гаммы самой кнопки нажимаем на прямоугольник рядом со строкой ввода. Появляется окно, в котором выбирается необходимый цвет, при этом в строке автоматически появляется код цвета.

3. Для того, чтобы поменять дизайн кнопок, выберете в меню панели управления дизайном раздел "Кнопки".

2. Ниже представлено меню модуля "свойства CSS"("Панель управления дизайном")

1.На сайте находим "Карта сайта" и выбираем "Панель управления дизайном".

Данная инструкция по работе с функцией "Дизайн кнопок" модуля . Она позволяет настроить необходимые параметры и изменить дизайнерское оформление кнопок.

Материал из OrkarisWiki

Свойства CSS: Кнопки

Свойства CSS: Кнопки OrkarisWiki