Бэкграунды и фоны для сайта

После установки дизайна 797 на наш укозовский сайт, мы увидим хороший, хотя немного нерадостный и постный шаблон. Изменив фон в шаблоне сайта, мы его немного разнообразим и заставим выглядеть немного по другому и отличаться от сотни с таким же дизайном в настройках. А это важно.

Как оказалось, сделать это не так сложно, скорее напротив, очень даже легко. Для изменения фона нужно войти в Таблицу стилей панели управления вашим сайтом и найти в самом верху следующий код:
body { margin: 0px;
background-color: #efefef; /* замените #efefef на #fff */
font: 11px 'Tahoma', 'Arial';
color: #5d5d5d; text-align: center; }

Замените #efefef на #fff и вы получите белый фон, вместо светло-серого. Вместо #fff вы можете поставить любой другой цвет, но белый, думаю, будет более предпочтителен.

Шапка 797 шаблона тоже меняется не сложно

Чтобы снизить степень узнаваемости в вашем сайте стандартного 797 шаблона, не помешает изменить шапку в дизайне.

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

Первая картинка заполняет пространство слева-направо. Чтобы ее посмотреть можете вставить адрес своего сайта, как показано здесь http://Ваш_сайт/.s/t/797/1.gif. Сам код находится в Таблице стилей и выглядит так:
#all {
background: url(/.s/t/797/1.gif) repeat-x; /* картинка заполняет шапку слева направо*/
min-width: 1000px;
}
Как поменять этот фон?
Например: вы можете скачать картинку и поменять в Фотошопе ее цвет, а потом закачать на сайт и указать ссылку на обновленную картинку.

Следующий фон это градиентное изображение размещаемое по центру. По краям эта картинка имеет темно-синий цвет, а к центру делается светлее. Это сделано для имитации подсветки участка, где расположено название сайта и тематическая картинка с человечками.

Вот его описание
#top {
width: 100%;
height: 223px;
background: url(/.s/t/797/2.jpg) no-repeat top center; /*по центру вверху, без повторений*/
}

И последний фон, картинка с группой людей и картой мира.
.globe {
vertical-align: top;
text-align: right;
width: 525px;
background: url(/.s/t/797/3.png) no-repeat;
}

Изображение 3.png имеет прозрачный слой, поэтому накладываясь на 2.jpg позволяет его видеть и дополнять.