Купить Корзина
  • Облако и ИТ-инфраструктура
  • Продукты
    • Конструктор сайтов Рег.руСоздайте сайт самостоятельно без навыков программирования и дизайна
  • Продукты
    • Зарегистрировать новый домен
    • Освобождающиеся домены
    • Магазин доменов
    • Доменный брокер
    • Продлить домен
    • Перенести домен в Рег.ру
    • Проверить домен в Whois-сервисе
  • Продукты
    • Базовые тарифы хостинга
    • ВИП-тарифы хостинга
    • Хостинг для 1C-Битрикс
    • Продление хостинга
    • Бесплатный перенос сайта в Рег.ру
    • Сайт на WordPress
  • Продукты
    • Почта на доменеНастройте почту и создайте ящики самостоятельно
  • Продукты
    • Заказать SSL-сертификат
    • Бесплатный SSL-сертификат
    • SSL-сертификаты Wildcard
    • SSL-сертификаты GlobalSign
    • SSL‑сертификаты ТЦИ
    • Проверка SSL-сертификата
  • Продукты
    • Автоматическое SEO-продвижение
    • Яндекс Директ
    • Яндекс Бизнес
  • Продукты
    • Сервис для онлайн-записи YCLIENTS
    • Контур Диадок
    • Электронная подпись от Контура
    • Торговый эквайринг от СберБизнеса
    • Регистрация своего дела со СберБизнесом
    • Антивирус для сайта
    • Лицензия 1С-Битрикс
  • Продукты
    • Виртуальные VPS
    • Высокочастотные VPS
    • Дешевые VPS
    • Облачные VPS
    • Управляемые VPS
    • Перенести VPS в Рег.ру
  • Рег.решения
    • Готовый сайт за 7 днейДизайн, наполнение, запуск — мы делаем всё за вас. Домен бесплатно
    • Интернет-магазин под ключСоберем готовый к работе интернет-магазин за 7 дней
    • Пакет услуг для быстрого запуска сайтаСобственный сайт за несколько часов — с доменом и Конструктором сайтов Рег.ру
    • Не знаете, что выбрать?Эксперт поможет бесплатно подобрать решение под ваши задачи
  • Рег.решения
    • Готовый сайт за 7 днейДизайн, наполнение, запуск — мы делаем всё за вас. Домен бесплатно
    • Почта под ключНастроим почту на домене за вас и перенесем письма со старого ящика
    • Доменное портфолиоДомены для бизнеса в разных доменных зонах — чем больше, тем выгоднее
    • Многодоменов .ru/.рфРегистрация доменов по выгодным ценам — чем больше, тем выгоднее
  • Рег.решения
    • Пакет услуг для сайта на хостингеДомен, хостинг и другие инструменты для надежной работы сайта
    • Пакет услуг для высоконагруженных проектовОбеспечьте быструю и бесперебойную работу одного или нескольких сайтов
    • Кибербезопасность сайтаЗащита сайта и клиентов от утечки данных, спама, фишинга и других угроз
  • Рег.решения
    • Почта под ключНастроим почту на домене за вас и перенесем письма со старого ящика
    • Сайт и почта под ключСовременный сайт для бизнеса и корпоративная почта на вашем домене
  • Рег.решения
    • Пакет услуг для сайта на хостингеДомен, хостинг и другие инструменты для надежной работы сайта
    • Пакет услуг для высоконагруженных проектовОбеспечьте быструю и бесперебойную работу одного или нескольких сайтов
    • Кибербезопасность сайтаЗащита сайта и клиентов от утечки данных, спама, фишинга и других угроз
  • Рег.решения
    • Онлайн карты: регистрация бизнесаЗаполним профиль в Яндекс Картах и подключим онлайн-запись
    • Продвижение бизнесаПрофессиональное продвижение в соцсетях, поисковиках и СМИ
    • Сайт. Сборка и размещение в картахСоберем сайт, всё настроим и разместим информацию о бизнесе в Яндекс Картах
    • Не знаете, что выбрать?Эксперт поможет бесплатно подобрать решение под ваши задачи
  • Рег.решения
    • Упаковка бренда
    • Аналитика ниши и товаров
    • Поиск сотрудников
    • Пакет услуг для открытия бизнеса
    • Развитие личного бренда
  • Рег.облако
    • Выделенные серверыГотовые физические (Bare Metal) серверы, большой выбор конфигураций
    • Облачные серверыВиртуальные машины, автоустановка приложений, конфигуратор тарифов
    • Управляемые базы данных (DBaaS)Кластеры баз данных PostgreSQL и MySQL с репликацией
    • Кластеры Kubernetes (KaaS)Сервис автоматизированного развертывания кластеров Kubernetes
    • Частное облако VMwareИзолированное облако под управлением заказчика, индивидуальная конфигурация
    • Объектное хранилище S3Масштабируемое хранилище с платой только за использованные ресурсы
  • Телефон в Москве

    +7 495 580-11-11
  • Бесплатный звонок по России

    8 800 555-34-78
  • Или обратитесь в наши офисы

    Региональные номера
    1. База знаний
    2. Создание сайтов
    3. Конструктор Website Builder
    4. Редактирование сайта в Website Builder
    5. Как изменить фон и границы сайта в Website Builder

    Как изменить фон и границы сайта в Website Builder

    Обратите внимание

    Все действия выполняются в панели управления Конструктором Website Builder.

    Как изменить фон сайта

    • 1

      Кликните на значок Шестеренка и в выпадающем меню выберите Фон:

    • 2

      Укажите, для каких страниц вы будете менять фон — для всех страниц сразу или для отдельных:

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

    • 3

      Выберите для редактирования фона область страницы:

      • Фон страницы — фон всей страницы целиком.

      • Фон шапки (хедера).

      • Фон тела страницы.

      • Фон подвала (футера).

    • 4
      Настройте фон. В качестве фона вы можете выбрать изображение, видео или сделать фон одноцветным.
    • 5

      Чтобы выбрать изображение в качестве фона, нажмите на Карандаш:

    • 6

      Выберите изображение:

      • На вкладке «Галерея шаблонов» можно загрузить своё изображение или выбрать предоставленное редактором.

      Чтобы загрузить изображение, нажмите Загрузить фотографию:

      Кликните на изображение и нажмите Выбрать:

      • На вкладке «Бесплатная галерея» вы можете выбрать изображение из предоставленных. Кликните по изображению и нажмите Выбрать:

      • На вкладке «URL фотографии» введите URL-адрес фотографии, нажмите Вставить и Выбрать:

    • 7

      Укажите настройки:

      • Положение — местоположение изображения относительно страницы сайта.
      • Повторять — повторение изображения по всей странице сайта в вертикальном и горизонтальном направлении, если высота или ширина страницы больше, чем само изображение. Опция «Не прокручивать фон» закрепляет изображение, и при пролистывании страницы сайта вниз изображение остаётся на месте.
      • Прозрачность — вы можете увеличить прозрачность фонового изображения, если оно слишком яркое или сливается с содержимым вашей страницы.
      • Размер изображения:

        • Автоматически — изображение исходного размера. Если изменить Ширину или Высоту в процентах или пикселях, то размер изображения вычисляется автоматически исходя из пропорций картинки.
        • Содержать — изображение масштабируется с сохранением пропорций и целиком помещается внутри блока страницы.
        • Заполнять — загруженное изображение растягивается по всей высоте и ширине страницы. Рекомендуем загружать изображения хорошего качества с параметрами не ниже 1300х900 px.

    • 8

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

      Выберите Цвет или Изображение второстепенного фона, нажав на Карандаш. Нажмите Применить:

    • 9
      Для сохранения всех настроек нажмите Применить.
    • 10

      Нажмите Опубликовать:

    • 5

      Чтобы выбрать цвет фона, нажмите на Карандаш и выберите цвет из палитры. Нажмите Применить:

    • 6

      Нажмите Опубликовать:

    Важно: Видео в качестве фона можно установить только для всей страницы целиком. Для этого в шаге 3 выберите для редактирования фона область страницы Фон страницы.

    • 5

      Чтобы выбрать видео в качестве фона, нажмите на Карандаш:

    • 6

      На вкладке «URL картинки/видео» выберите Видео, введите URL-адрес видео, нажмите Вставить и Выбрать:

    • 7

      Укажите настройки:

      • Прозрачность (%);
      • Начинать с — введите время в формате ММ:СС, с которого будет начинаться видео;
      • Закончить в — введите время в формате ММ:СС, которым будет заканчиваться видео.

      Нажмите **Применить*:

    • 8

      Нажмите Опубликовать:

    Готово, вы изменили фон сайта.

    Как изменить границы сайта

    • 1

      Кликните на значок Шестеренка и в выпадающем меню выберите Фон:

    • 2

      Укажите, для каких страниц вы будете менять границы — для всех страниц сразу или для отдельных. Если вы выбрали пункт По умолчанию (для всех страниц), то поставьте галочку Применить ко всем страницам:

    • 3

      Выберите для редактирования границ область страницы:

      • Фон шапки. Чтобы настроить границы шапки (хедера) сайта, задайте параметр Высота шапки в пикселях. Если поставить галочку Липкая, то верхний колонтитул будет зафиксирован при прокрутке страницы. Если поставить галочку Без фона страницы, то фон страницы не будет применен к верхнему колонтитулу.

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

      Важно: Ширина рабочей области тела страницы в каждом режиме фиксированная, и увеличить её нельзя (Широкий — 1200 пикселей; Десктоп — 992 пикселей; Планшет — 768 пикселей; Смартфон — 320 пикселей). Высота страницы зависит от количества содержимого на ней. При добавлении модулей на страницу её высота будет увеличиваться автоматически. Это может повлиять на отображение фонового изображения в теле страницы.

      • Фон подвала. Чтобы настроить границы подвала (футера) страницы, задайте параметр Высота подвала в пикселях.

      Если поставить галочку На полную ширину экрана, то фон будет растягиваться автоматически по ширине устройства, с которого будет открыт сайт.

      Нажмите Применить.

    Альтернативный способ изменить границы

    Также вы можете настроить основные границы сайта (верхнюю и нижнюю горизонтальные линии). Для этого наведите на линию курсор и перетащите ее вверх или вниз:

    Готово, вы изменили границы сайта.

    Помогла ли вам статья?

    Спасибо за оценку. Рады помочь 😊

     👍
    Специальные предложения
    • Гранты для бизнеса до 500к
    • Скидки на cloud GPU до 50%
    • Скидки на bare-metal с А4000 и А5000
    • Кешбэк 100% на kubernetes
    • vk
    • telegram
    • ok
    • vc
    • dzen
    • rbc
    • Продукты
      • Домены
      • Хостинг
      • Почта
      • SSL-сертификаты
      • Конструктор сайтов
      • VPS и VDS серверы
      • Магазин доменов
      • Облако для бизнеса
    • Решения по сфере бизнеса
      • Подойдут всем
      • Маркетплейсы
      • Образование
      • Бьюти
      • Медицина
      • Автосервисы
      • Бытовые услуги
      • Досуг
      • Спорт
      • Все решения
    • Сервисы
      • Whois – проверить данные домена
      • Определить IP адрес
      • Проверить порт на доступность
      • Проверить IP адрес сайта
      • Перевести домен в Punycode
      • Проверить скорость интернета
    • Компания
      • О компании
      • Контакты
      • Офисы
      • Новости
      • Акции и скидки
      • Блог
      • Отзывы клиентов
    • Полезное
      • Стоимость услуг
      • Способы оплаты
      • Бонусная программа
      • Документы
      • База знаний
      • ЭДО
      • Партнерам
    • Другое
      • РБК: новости России и мира сегодня
      • Новости компаний РФ
      • РБК Инвестиции: курсы валют
      • Спецпроект с Онлайн Патентом

    Облачная платформа Рег.ру включена в реестр российского ПО Запись № 23682 от 29.08.2024

    • mintsifry
    • icann
    • cctld
    © ООО «РЕГ.РУ»
    • Политика конфиденциальности
    • Политика обработки персональных данных
    • Правила применения рекомендательных технологий
    • Правила пользования и другие правила и политики
    • Сообщить о нарушении
    • Используем куки, это делает удобнее вашу работу с сайтом