Skip to content

Изменение CSS фона

Доброго времени суток!

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

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

Привожу исходный кусок кода:

/* CORE ELEMENT STYLES */

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
color: #d2d2d2;
   background: url("{style_images_url}/_custom/bg.jpg") repeat scroll center top #111;
}

#ipbwrapper{
min-width: 990px;
margin: 0 auto;
width: 85%;
}

body { 
min-height: 800px;
background-color: transparent; background-image: url('{style_images_url}/_custom/bg/1.jpg'); 
background-position: center 0; 
background-repeat: no-repeat;
position: relative;
font: normal 13px helvetica, arial, sans-serif;
}

Всячески изменял background, но результат нулевой. Не могу понять что я делаю не так. Заранее признателен за любую помощь.

Edited by elnomio

Featured Replies

Если без повторения

no-repeat fixed center top

 

Или с повторением

fixed center top

  • Author

Фисана, спасибо за ответ!

Сделал как вы сказали,

/* CORE ELEMENT STYLES */

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
color: #d2d2d2;
   background: url("{style_images_url}/_custom/bg.jpg") repeat scroll center top #111;
}

#ipbwrapper{
min-width: 990px;
margin: 0 auto;
width: 85%;
}

body { 
min-height: 800px;
background-color: transparent; background-image: url('{style_images_url}/_custom/bg/1.jpg'); no-repeat fixed center top; 
}

но в итоге получается повторение картинки:

sshot21d.jpg

На другом скине все срабатывает, а с этим уже устал бороться) Как все же можно его победить? Заранее признателен за ответ.

  • Author

Вся загвоздка в #ipbwrapper: если его убрать, то все прекрасно получается. Теперь другая проблема: все расползлось на ширину экрана)

Вся загвоздка в #ipbwrapper: если его убрать, то все прекрасно получается. Теперь другая проблема: все расползлось на ширину экрана)

Обратиться к разработчу скина.

Иначе никак.

 

 

Зы.

Советы даются только для дефолтного стиля.

С авторскими скинами >>> к их авторам.

Guest
This topic is now closed to further replies.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.