Сообщений в теме: 3

[vzlomshik121]

И так, я хочу  эту картинку поставить в качестве фона для сайта.

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

[ne_yana]

vzlomshik121 (31 Январь 2014 - 17:36) писал:

И так, я хочу  эту картинку поставить в качестве фона для сайта.

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

Здравствуйте, прежде всего необходимо разрезать изображение в графическом редакторе на изображение для фона основного контента (picture1.png) и фона боковой панели (picture2.png). После их нужно будет загрузить в админку.
Далее в файле main.css замените

#primaryContent {
width: 750px;
padding: 0 0px 40px 0;
vertical-align: top;
}

на

#primaryContent {
width: 750px;
padding: 0 0px 40px 0;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}picture1.png);
}

#leftMenuBlockWrap {
width: 170px;
padding: 1em 0 40px 0;
vertical-align: top;
}

на

#leftMenuBlockWrap {
width: 170px;
padding: 1em 0 40px 0;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}picture2.png);
}

[vzlomshik121]

Здравствуйте, Спасибо что откликнулись так быстро на мои вопросы..

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

[Vaccina]

В main.css найдите:

#content {
margin: 0 auto;
width: 960px;
}

замените на:

#content {
margin: 0 auto;
width: 960px;
background:#fff;
}

далее найдите:

#contentWrap {
background: url("http://baobab-95.storeland.net/contentWrap_bg.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
clear: both;
}

замените contentWrap_bg.jpg на имя своего файла.
После данных действий по бокам контента появится ваш фон.

Развернуть изображение вы можете в графическом редакторе.