• главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы

Справка по CMS "Веб-Мастерская"


  • Главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы
Главная / База знаний / Пошаговые инструкции / Оформление /

Оформление

Замена фона сайта

Рассмотрим замену фона сайта на примере Шаблона 2  по состоянию на 10.05.2019 (все картинки-подсказки в данной статье - кликабельные, щелкните по нужной, чтобы посмотреть её в увеличенном масштабе). Будьте аккуратны при изменении кода!

  1. Изменение фона производится в Админке сайта во вкладке Дизайн.
  2. Вначале Вам необходимо подобрать (найти и скачать нужную фоновую картинку в сети Интернет)
  3. На следующем скриншоте показан алгоритм поиска фонового изображения для сайта в поисковой системе Google размерами 1440 х 900 пикселей (но вы можете искать и любого большего размера - фон всё равно смасштабируется и растянется под всю доступную область):

  4. После того, как картинка загружена к вам на компьютер (её размеры можно, но не обязательно, привести к соотношению сторон 1440 х 900 пикселей и не более 512 Кбайт) - заходите в раздел Подключение во вкладке Дизайн. Выбираете подраздел Изображения - в нем как раз расположены все изображения, так или иначе связанные с дизайном вашего сайта и на панели инструментов справа нажмите кнопку Создать.

  5. В окне Новый изображение нажмите кнопку Загрузить с компьютера. Затем нажмите кнопку Сохранить и выйти.
  6. Теперь в разделе Подключение выберите следующий подраздел CSS. Далее в правой части окна найдите таблицу стилей вашего сайта под названием style.css и дважды щёлкните по названию для редактирования стилей вашего сайта.
     
  7. В появившемся окне Свойства "style.css" отредактируйте строку #body_bg  (она у вас скорее всего будет идти 15-ой по счёту), найдите в ней свойство background: и выделите  значение, в двойных кавычках, сами кавычки выделять не нужно: /files/00038/img/background_3.jpg, затем нажмите на панели инструментов кнопку изображение и щелкните мышкой по миниатюре ранее загруженного вами фонового изображения.
    Help-5-1
  8. Нажмите кнопку Сохранить и выйти.

Фон на сайте задается для селектора 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 

 

  • Главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы
  • Карта сайта
© ООО "Белинфопортал"
Политика в отношении обработки cookie