Оформление
Замена фона сайта
Рассмотрим замену фона сайта на примере Шаблона 2 по состоянию на 10.05.2019 (все картинки-подсказки в данной статье - кликабельные, щелкните по нужной, чтобы посмотреть её в увеличенном масштабе). Будьте аккуратны при изменении кода!
- Изменение фона производится в Админке сайта во вкладке Дизайн.
- Вначале Вам необходимо подобрать (найти и скачать нужную фоновую картинку в сети Интернет)
- На следующем скриншоте показан алгоритм поиска фонового изображения для сайта в поисковой системе Google размерами 1440 х 900 пикселей (но вы можете искать и любого большего размера - фон всё равно смасштабируется и растянется под всю доступную область):
- После того, как картинка загружена к вам на компьютер (её размеры можно, но не обязательно, привести к соотношению сторон 1440 х 900 пикселей и не более 512 Кбайт) - заходите в раздел Подключение во вкладке Дизайн. Выбираете подраздел Изображения - в нем как раз расположены все изображения, так или иначе связанные с дизайном вашего сайта и на панели инструментов справа нажмите кнопку Создать.
- В окне Новый изображение нажмите кнопку Загрузить с компьютера. Затем нажмите кнопку Сохранить и выйти.
- Теперь в разделе Подключение выберите следующий подраздел CSS. Далее в правой части окна найдите таблицу стилей вашего сайта под названием style.css и дважды щёлкните по названию для редактирования стилей вашего сайта.
- В появившемся окне Свойства "style.css" отредактируйте строку #body_bg (она у вас скорее всего будет идти 15-ой по счёту), найдите в ней свойство background: и выделите значение, в двойных кавычках, сами кавычки выделять не нужно: /files/00038/img/background_3.jpg, затем нажмите на панели инструментов кнопку изображение и щелкните мышкой по миниатюре ранее загруженного вами фонового изображения.
- Нажмите кнопку Сохранить и выйти.
Фон на сайте задается для селектора body указанием универсального свойства background или отдельных свойств: background-color, background-image, background-repeat и т.д., позволяющих задавать цвет фона, фоновое изображение, правила повторения фонового изображения и т.д. определенными параметрами.
Читайте подробнее:
- Справочник CSS - цвет и фон: https://webref.ru/css/type/color
- HTML5 и CSS3 на примерах - Фон: https://webref.ru/layout/html5-css3/background
- Получение HEX-кода цвета: https://colorscheme.ru