Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Изменение 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, но результат нулевой. Не могу понять что я делаю не так. Заранее признателен за любую помощь.

Изменено пользователем elnomio

Рекомендованные сообщения

Опубликовано:

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

no-repeat fixed center top

 

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

fixed center top

Опубликовано:
  • Автор

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

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

/* 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

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

Опубликовано:
  • Автор

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

Опубликовано:

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

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

Иначе никак.

 

 

Зы.

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

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

Гость
Эта тема закрыта для дальнейших сообщений.

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

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.