Оформление кнопок

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

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

1. В представлении в виде списка выберите блок «Кнопки».

2. На правой боковой панели настроек блока щёлкните по значку Стили.

3. Настройте следующие параметры стиля блока «Кнопки»:
   • Цвет. Выберите цвет фона для блока «Кнопки». Подробнее о цветах.
   • Типографика. Измените тип и размер шрифта кнопки. Подробнее о типографике.
   • Размеры. Задайте отступы, поля и интервалы между блоками. Подробнее о размерах.
   • Рамка. Настройка цвета и радиуса рамки. Подробнее о рамках.

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

1. В представлении в виде списка выберите отдельную кнопку в блоке «Кнопки».

2. На правой боковой панели настроек блока щёлкните по значку Стили.

3. Настройте следующие параметры стиля:
   • Стили. Выберите стиль кнопки: заливка или контурный.
   • Цвет. Выберите цвета текста и фона кнопки. Подробнее о цветах.
   • Типографика. Измените тип, стиль и размер шрифта кнопки. Подробнее о типографике.
   • Размеры. Установите отступ вокруг отдельной кнопки. Подробнее о размерах.
   • Рамка и тень. Настройте цвет и радиус рамки или добавьте тень кнопки. Подробнее о рамках.

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

1. В представлении в виде списка выберите отдельную кнопку в блоке «Кнопки».
2. Выделите весь текст кнопки или его часть, которые требуется отформатировать. 

3. Выберите нужные параметры форматирования из перечисленных далее.
   • Выровнять текст (по левому краю, по центру или по правому краю)
   • Добавить ссылку
   • Полужирный
   • Курсив
   • Нажав значок Далее, вы увидите следующие опции:
     • Выделение. Измените цвета текста и фона или только текста. Изменить цвет кнопки можно с помощью стилей.
     • Встроенный код
     • Встроенное изображение
     • Стиль ввода с клавиатуры
     • Атрибут «Язык»
     • Зачёркивание
     • Нижний индекс
     • Верхний индекс