Як налаштувати фон

Фон допомагає створити стиль сайту. Це може бути колір, зображення або градієнт, що підкреслює зміст сторінки або корпоративний стиль.

У цій статті розглянемо, як змінити фон окремої секції або всього блоку.

Колір фону

Фон сторінки успадковується з палітри кольорів, вибраної в розділі Загальний стиль (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 (5)

Назад

Як налаштувати позицію елементів

Далі

Як додати анімацію елементів

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

Почніть користуватися сервісом SendPulse прямо сьогодні