Полный контроль над стилем: новый интерфейс работы с цветами и фоном

Полный контроль над стилем: новый интерфейс работы с цветами и фоном

4 min
19
Помощь
Сайты

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

Новый интерфейс доступен для сайтов, магазинов и баз знаний.

Как настроить цвета элементов

На станице сайта нажмите Дизайн и выберите элемент, который хотите отредактировать.

Интерфейс выбора цвета и настройки фона на сайте

В левой части окна откроется слайдер, в котором вы можете:

  • Выбрать один из предложенных цветов. Он сразу применится к элементу, который редактируете.

Интерфейс выбора цвета и настройки фона на сайте

  • Открыть другие сочетания цветов и выбрать подходящий среди них. Для этого нажмите на кнопку Больше.

Интерфейс выбора цвета и настройки фона на сайте

  • Выбрать цвет на палитре или указать его код. Чтобы открыть окно с палитрой, нажмите на код цвета.

Интерфейс выбора цвета и настройки фона на сайте

  • Выбрать основной цвет сайта. Его вы указали в момент создания сайта.

Интерфейс выбора цвета и настройки фона на сайте

  • Настроить прозрачность цвета. Для этого нажмите на Прозрачность и выберите нужное значение.

Интерфейс выбора цвета и настройки фона на сайте

Чтобы вернуть цвет по умолчанию, нажмите на соответствующую кнопку. Цвет изменится на тот, который был у элемента блока изначально.

Интерфейс выбора цвета и настройки фона на сайте

Как настроить цвета фона

Теперь вы можете выбрать любой цвет для фона. Перейдите на вкладку Заливка и выберите подходящий вариант.

Интерфейс выбора цвета и настройки фона на сайте

Настройки цвета фона аналогичны настройкам цвета текста за одним исключением: фон можно сделать градиентным. Для этого откройте вкладку Градиенты и выберите подходящий вариант.

Интерфейс выбора цвета и настройки фона на сайте

Градиенты можно сделать круговыми или линейными, а также поменять цвета местами или повернуть их.

Опция Прозрачность действует на весь фон, а не отдельные цвета градиента.

Интерфейс выбора цвета и настройки фона на сайте

Как изменить фоновую картинку

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

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

Интерфейс выбора цвета и настройки фона на сайте

Нажмите Загрузить и выберите подходящий вариант, также можно просто перетащить картинку в область Drag & Drop.

Интерфейс выбора цвета и настройки фона на сайте

После загрузки картинка станет фоном блока.

Интерфейс выбора цвета и настройки фона на сайте

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

Интерфейс выбора цвета и настройки фона на сайте

Жанар Рустемова
Контент-менеджер Битрикс24 Казахстан
Рекомендуем
Показать еще