Question

Посмотрел по инструкции, фон сайта можно заменить только цвет. А картинку можно поставить вместо цвета?

Answer 1

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), в правом верхнем уголке найдите кнопку Восстановить стандартный шаблон, нажмите ее, после Сохранить. После в стилях ищем строку номер 125:

body {
  border: 1px solid #cccccc;
  background: #fff;
  font: 15px 'PT Sans', sans-serif;
  line-height: 1.5;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

вместо выделенного пропишите url('ссылка на фото фона')no-repeat

Comments

Извините, но шаблон слетает

---

Администратор сайта #7,

1. Перед изменениями, обязательно перейти в Панель управления - Главная - Дизайн - Резервное копирование шаблонов - Создать резервную копию. 
2. Выполните первый пункт моего ответа, восстановите стандартный шаблон и нажмите кнопку Сохранить, лишь после выполняйте редактирование стилей как я писал выше. Если вы этих пунктов не соблюдаете, соответственно стили слетают так как у вас сейчас в таблице стилей стили к шаблону - 1063 а текущий ваш 1132, вы сохраняя без восстановления табилцу стилей применяете стили 1063 шаблона к 1132 и все ломается.

---

Yuri_Geruk,

сделал всё как вы и сказали. но ломается

---

Администратор сайта #7,

Надеюсь копию создали как я выше писал. Далее перейти в Панель управления - Главная - Настройки - Общие настройки - Дизайн сайта: [ Выбрать дизайн ], выберите 1132 - Сохранить. После этого переходим снова в таблицу стилей и выполняем ее восстановление и сохранение, после меняем фон как я писал и сохраняем.

• Если после этого сломается дизайн, не спешите восстанавливать все назад, кеш очистите выполнив несколько раз комбинацию клавиш CTRL+F5  либо http://faq.ucoz.ru/faq/31-1 если и кеш не поможет, не восстанавливаем, отписываемся здесь чтобы можно было увидеть проблему, а не восстановленный дизайн.

---

Yuri_Geruk,

чистка КЕШ помогло! НО картинка не установилась

---

Администратор сайта #7,

Замените:

background: url(20778.jpg)no-repeat;

на:

background: url(/20778.jpg)no-repeat 100%/100% fixed;

---

Yuri_Geruk,

((( не получилось

---

Администратор сайта #7,

Мне наверное нужно постоянно указывать, что нужно кеш очистить чтобы вы увидели изменения. Я увидел, фон отображается.

---

Yuri_Geruk,

спасибо. Подскажите ещё а как внизу сслыки на группы сделать?

---

Администратор сайта #7,

В нижней части http://www.sad-i-ogorod.ga/panel/?a=tmpl;m=1;t=BFOOTER ищите подобный код:

<ul class="soc-list">
        <li class="soc-item"><a class="soc-link twitter" href="здесь пишите ссылку на соц-сеть" target="_blank">twitter</a></li>
        <li class="soc-item"><a class="soc-link facebook" href="здесь пишите ссылку на соц-сеть" target="_blank">facebook</a></li>
        <li class="soc-item"><a class="soc-link pinterest" href="здесь пишите ссылку на соц-сеть" target="_blank">pinterest</a></li>
        <li class="soc-item"><a class="soc-link google-pl" href="здесь пишите ссылку на соц-сеть" target="_blank">google-pl</a></li>
        <li class="soc-item"><a class="soc-link linkedin" href="здесь пишите ссылку на соц-сеть" target="_blank">linkedin</a></li>
        <li class="soc-item"><a class="soc-link instagram" href="здесь пишите ссылку на соц-сеть" target="_blank">instagram</a></li>
        <li class="soc-item"><a class="soc-link vk" href="здесь пишите ссылку на соц-сеть" target="_blank">vk</a></li>
    </ul>

после добавления ссылок сохраните изменения и готово.

---

Yuri_Geruk,

подскажите а добавить кнопку одноклассники и ютуб можно?

---

Администратор сайта #7,

Можно, но нужно искать иконки для этих соц-сетей и создавать вручную так как системно они не задумывались в шаблоне.

---

Yuri_Geruk,

у меня последний вопрос а как удрать фото на главной странице с девушкой? и поставить своё

---

Администратор сайта #7,

В стилях найдите строку номер 193:

.header {
 background: url(/.s/t/1132/banner.jpg) no-repeat 50% 50%;
 -webkit-background-size: cover;
 background-size: cover;
 min-height: 500px;
 width: 100%;
 position: relative;
 color: #fff;
}

вместо выделенного пропишите ссылку на ваше фото.