Как поменять фон на стандартном шаблоне ucoz 904

Как поменять фон на стандартном шаблоне ucoz 904

904 стандартный шаблон ucoz, сколько бы не растягивался, все время будет заполняться зелено-голубым фоном. Во-первых - потому что фоном у 904 шаблона служит вертикальная картинка 7.gif, которая заполняет тело сайта слева направо. Во-вторых - 904 шаблон - "резиновый". Так принято называть дизайн сайта не имеющего фиксированной ширины. Например дизайн сайта fonforsite.ru - с фиксированной шириной макета.

904 шаблон ucoz

В шаблоне 904 фоном прописана картинка в Таблице стилей CSS
#contanier {background:url('/.s/t/904/7.gif') repeat-x #7DD300; text-align:center;}

Эту запись вы найдете в самом верху Таблицы стилей в разделе Управление дизайном вашей панели управления сайтом.

Как видно из кода, фон заливается картинкой и сочным зеленым цветом #7DD300. То есть, там где картинка размером 15px × 550px кончается (она повторяется только слева направо, от одной стороны до другой), ниже все начинает заливаться этим зеленым цветом. Все логично и гармонично.

Соответственно, чтобы изменить фон 904 шаблона, необходимо в фотошопе отредактировать картинку 7.gif и изменить в тон получившейся картинке цвет заливки #7DD300 на новый. Но не все так просто.

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

Так что, если ваш сайт уже чем-то наполнен или вы придумали красивый домен и боитесь накосячить с дизайном, то мой вам совет:

Создайте в укоз еще один сайт, для теста, установите в нем тот же 904 шаблон и редактируйте до тех пор, пока не получится то, что вам нужно. После чего, все изменения перенесите на свой нормальный сайт.

Ну, и пишите если не заладится чего.


Комментарии (0)

Оставить Комментарий

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]