Как сделать картинку фоновым рисунком?

[technogradshop]

Люди, подскажите пожалуйста. Я подозреваю, что все это уже 100500 раз обсуждалось, но темы такой не нашел.

ocStore v1.5.3.1 Стандартный шаблон.

Как у меня есть wallpaper большого разрешения на котором красивая природа. Мне надо этот wallpaper сделать фоном на сайте. Ну чтобы было типа как на сайте КиноПоиска

Как это сделать?

[WORLDSTES]

1. Откроем файл header.tpl (../catalog/view/theme/NewOpen/template/common) и изменим эту строку (19):

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

на эту:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/NewOpen/stylesheet/stylesheet.css" />

5. Закинем в папку image (../catalog/view/theme/NewOpen/image) изображение которое хотите поставить на задний фон:

6. Откроем файл stylesheet.css (../catalog/view/theme/NewOpen/stylesheet) и изменим это:

body {

background-color: #ffffff;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

}

на это:

body {

background: url('../image/ваша картинка заднего фона.jpg');

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding-top: 10px;

padding-bottom: 10px;

}

потом это:

#container {

width: 980px;

margin-left: auto;

margin-right: auto;

text-align: left;

}

на это:

#container {

background: #FFFFFF;

width: 980px;

margin-left: auto;

margin-right: auto;

text-align: left;

padding-left: 10px;

padding-right: 10px;

-webkit-border-radius: 20px 20px 20px 20px;

-moz-border-radius: 20px 20px 20px 20px;

-khtml-border-radius: 20px 20px 20px 20px;

border-radius: 20px 20px 20px 20px;

}

и наконец это:

#powered {

margin-top: 5px;

text-align: right;

clear: both;

}

на это:

#powered {

margin-top: 5px;

text-align: right;

clear: both;

padding-top: 10px;

padding-right: 5px;

padding-bottom: 10px;

}

[dsm2]

Спасибо!