Как настроить фон

Фон помогает создать стиль сайта. Это может быть цвет, изображение или градиент, который подчёркивает содержание страницы или отражает фирменный стиль.

В этой статье рассмотрим, как изменить фон отдельной секции или всего блока.

Цвет фона

Фон страницы наследуется из цветовой палитры, выбранной в разделе Общий стиль (General style). Вы не можете установить свой фон для всей страницы сразу, а только для каждого блока или колонки отдельно.

Перейдите к настройке блока и в параметре Цвет фона (Background color) выберите цвет. Если необходимо заполнить пространство, в параметре Отступ сверху и снизу (Top and bottom margin) отрегулируйте отступы вверху и внизу блока в пикселях.

Изображение фона

Вы также можете выбрать изображение в качестве фона для блока. Активируйте переключатель Фоновое изображение (Background image) и выберите или загрузите изображение.

Чтобы изменить внешний вид изображения, можно воспользоваться следующими параметрами:

Размер (Size) Настройка размера и позиции изображения в пределах блока.

Доступны следующие опции:

  • Исходный: сохраняет оригинальный размер изображения.
  • Растянуть: растягивает изображение, чтобы оно заполнило весь блок. Также необходимо выбрать фокусную точку для изображения в поле Изменить точку фокуса.
  • Вместить: уменьшает изображение, чтобы оно поместилось в блок.
Расположение (Position) Установка позиции изображения в блоке.

Настройка доступна, если вы выбрали Исходный (Default) или Вместить (Fit) для опции Размер (Size).

Повтор (Repeat) Настройка повтора изображения в пределах блока.

Настройка доступна, если вы выбрали Исходный (Default) или Вместить (Fit) для опции Размер (Size).

Доступные опции: Без повтора, По горизонтали, По вертикали, Оба.

Фильтры (Filters) Применение фильтра к изображению. Доступны 8 фильтров.
Наложение цвета (Color overlay) Накладывает цвет поверх изображения. Также можно настроить насыщенность этого цвета в процентах.
Эффект прокрутки (Scroll effects) Добавляет эффект при пролистывании страницы сайта.

Доступные опции:

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

Видео фона

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

Активируйте переключатель Фоновое видео (Background video) и загрузите или выберите видео в формате MP4.

Рекомендуем загружать зацикленные видео — короткие ролики (10-15 секунд), которые воспроизводятся непрерывно, без видимой паузы или резкого перехода.

Оцените, насколько полезна статья "Как настроить фон"

Оценка: 5 / 5 (4)

Назад

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

Далее

Как добавить анимацию элементов

Популярное в нашем блоге

Начните пользоваться сервисом SendPulse прямо сегодня