Главная » Администрирование сайта » Работа со стилями (CSS) » Как поменять фон на сайте uCoz (на примере дизайна #802)

Как поменять фон на сайте uCoz (на примере дизайна #802)

21.01.2012 в 20:58
Автор: Antonij   

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

Открываем Панель Управления своим сайтом, кликаем на Управление дизайном, затем в Редактирование шаблонов. Открываем Таблицу стилей (CSS). Ищем в самом верху строчку «body», затем «background» и ссылку картинки.



Копируем эту ссылку и подставляем её в браузере к основному адресу своего сайта. Кликаем и получаем нужную картинку. Убеждаемся, что это действительно картинка фона.



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

После выбора картинки загружаем её в Файловый менеджер сайта.



Возвращаемся в Таблицу стилей (CSS) к той самой строке «body», и меняем исходную ссылку картинки фона на свою.



Сохраняем изменения в шаблоне и открываем свой сайт. Если он уже открыт, перезагружаем его и любуемся на новый фон. Просто? Ещё как! ;-)



Кстати, так можно вычислить в Таблице стилей и другие элементы дизайна сайта и при надобности заменить их своими.

Изменить фон, поменять фон, Фон, фон сайта


Рейтинг: 15  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 37983          Комментариев: 28

Похожие инструкции

26.11.2016 в 22:05      0  

Как загрузить аву на форум?.. В личном кабинете есть, а здесь нет! И ещё, то же фото, что на аве, в личном кабинете на всю страницу, как убрать?..
26.11.2016 в 21:49      0  

Кто-нибудь, помогите, пожалуйста, вставить фон http://2pelikana.ucoz.pl/6.jpg на сайт http://2pelikana.ucoz.pl, прямо по центру, где основная информация, вместо белого фона! Сам пытался-пытался, пытался-пытался, пыта-ался-пыта-ался - не выходит!
09.07.2016 в 14:51      0  

Добрый день.
1) Подскажите, пожалуйста, как поменять картинку в шапке сайта в шаблоне 925?  Она размещена не единым файлом, а разрезана на 3 части. Я хочу размести единым файлом, потому что не уверена, что смогу правильно нарезать.
2) И еще не могу найти как изменить шрифт названия сайта. В шаблоне только один вариант: белый цвет и шрифт типа Таймс... Я зашла в "Глобальные блоки", "Верхняя часть сайта", но не вижу, где задан шрифт и его цвет((
Заранее спасибо!
14.07.2016 в 18:37      0  

1. Самой вам вряд ли удастся вставить одну картинку вместо трёх без соответствующих знаний.
Либо всё таки разрежьте на три части, либо обратитесь за помощью к профессионалам: https://upartner.pro
2. Панель управления - Дизайн - Управление дизайном (CSS)
В файле CSS так же хранятся настройки шрифтов.

div#logo h1 - отвечает как раз за стиль названия сайта.
17.06.2015 в 21:48      0  

Как удалить картинку с городом с сайта или изменить на что то другое ????
 http://powerofdragons.my1.ru/
18.06.2015 в 09:47      0  

Панель управления - Дизайн - Управление дизайном (CSS) - строка 63:

Код#uncheader {height:100%;height:400px;overflow:hidden;border-bottom:2px solid #ff9e3f;background:url(/.s/t/1291/promo.jpg) 0 0 no-repeat;background-size:cover;} ,

выделенное красным - это путь к картинке. В скобках напишите путь к Вашей картинке, предварительно загрузив её в Файловый менеджер
.
27.10.2014 в 20:07      0  

Не могу попасть в панель управления своим сайтом! невозможно ничего редактировать.  Подскажите, как попасть?
28.10.2014 в 07:12      0  

Вход в панель управления сайтом доступен по адресу http://адрес_сайта/admin
15.05.2014 в 09:13      0  

Обрушился дизайн Главной страницы потому она "почернела". Используется дизайн №786. Хотелось бы вернуть прежний вид Главной страницы.Все остальные страницы вроде бы в порядке
http://www.postklau.ru/

В службе техподдержки не могут помочь, сказали искать ответ самой. Вот ищу

"Восстановить стандартный шаблон" - не помогает

Так же обнаружила что из нижней части значок копирайта попал в самый верх страницы, туда где новости сайта

Может быть у меня в прописи нижней части сайта что-то не так?

<div id="footer">
 <span id="copyright"><!-- <copy> -->Copyright Памятник "Клаузуре" © $YEAR$<!-- </copy> --></span> | <span id="powered-by">$POWERED_BY$</span>
 </div>
 <script type="text/javascript">
 $(document).ready(function() {
 $(".uMenuRoot li:has(.uMenuArrow) .uMenuItem span").append("»");
 if ($.browser.msie) {$("input[type=text], input[type=password], textarea").css("border","1px solid #ccc");}
 });
 </script>
15.05.2014 в 14:58      0  

Здравствуйте!
У вас проблема в содержимом главной страницы сайта, после кода:
Код
$LAST_NEWS$
Открытых тегов (201)
Код
<div>
меньше чем закрытых (204):
Код
</div>
Поэтому страница и отображается некорректно. Вам нужно проверить и найти где лишний тег, или передобавить тест материала не используя визуальный редактор.
16.04.2014 в 14:41      0  

А как сделать ссылкой этот фон!??!
09.04.2014 в 13:02      0  

Скажите пожалуйста,как изменить цвет того белого пространства,которое видно на последней картинке?
05.03.2014 в 19:47      0  

а если у меня там только написано какой цвет?
06.03.2014 в 00:29      0  

Здравствуйте,
уточните, пожалуйста, свой вопрос - что именно Вы хотите получить в результате?
В данной статье рассматривается вариант дизайна #802 - здесь фон для сайта задан изображением. Без примера Вашего сайта сложно сказать, какие изменения Вам необходимо вносить.
11.02.2014 в 04:11      0  

Добрый день. Можно фоном  сайта сделать 1 картинку без репитов? если да то какой размер должен быть? заранее спасибо.
06.03.2014 в 00:26      0  

Здравствуйте,
В таком случае Вам необходимо в файле css (Панель управления сайтом - Дизайн - Управление дизайном (CSS) прописать следующее:

Код
body {
background: red url('URL_изображения') no-repeat  50% 0;  
}

здесь "URL_изображения" замените на URL изображения, ширина которого равна максимальному разрешению экранов (например 2560 на 1600 точек), а высота должна зависеть от количества контента на страницах Вашего сайта.
16.04.2014 в 14:41      0  

А как сделать ссылкой эту картинку!?:
1 2 »