Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

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

post-24801-0-46828300-1353234610_thumb.jpg

Надіслати
Поділитися на інших сайтах


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;

}

  • +1 1
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.