Перейти к публикации
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.
Опубликовано:

извените пожалуйся если уже есть такая тема....

просто я все странитци этого раздела обшарил и не нашол....

благодоря вашему сайту я многое понял...

но не понял одного.., как менять фон на ibp 3.1.3

хотя думаю, что 3.1.3 не имеет значени...

подскажите пожалуйста как всёже меняется фон...

ну т.е. вместо белого целомудренного фона... ставится картинка..

зарание благодарю за внимание...^^

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

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

ipb_styles.css

 

Найти body

Добавить / заменить параметр

  background: #ваш цвет url({style_images_url}/ваша картинка.png/jpg/gif);

Это в простом варианте.

Картинке можно задать параметры для ее позиции и т.д.

Опубликовано:
  • Автор
Картинке можно задать параметры для ее позиции и т.д.

спасиб.., а как её резиновой сделать..??

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

Бэкграундом никак. Можно только задать позицию и не размножать.

Но растягивать фон нельзя (не путать с растягиванием картинок в конструкциях с img - это не фоны!!!).

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

спасиб.., а как её резиновой сделать..??

На CSS3:

background-size: 100%;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-khtml-background-size: 100%;

Но ie все это дело не понимает. Для верстки с поддержкой ie нужно ложить img с фоном под контент форума с значением width=100%. Выглядит это примерно так:

<div id="bg_container">
<img src='{style_images_url}/ваша картинка.jpg' id='bg_img' />
</div>

Css стили:

<style>
body {
background-color: #цвет фона;
}
#bg_container {
position: absolute;
z-index: -2;/*ложим в самый низ*/
min-width: 1024px;/* мнимальная ширина бека */
max-width: 1600px;/* максимальная ширина бэка */
}
#bg_img {
width: 100%;
}
</style>

И специальное для ie включаем фильтрацию(чтоб картинка не так сильно ухудшалась при изменении её размера)

<style>-ms-interpolation-mode: bicubic; </style>

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

Fisana, venomkorx7 спасибо вам..)))

эх... она всётаки слино корябоется.....Т___т...

а что нащет того, чтоб сделать её какой-нить не сдвигаемой... т.е. листаешь форму вверх и вниз..,

а картинка не ездит....^^ если такое возможно, то это будет чудесно.))))

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

Опубликовано:
а что нащет того, чтоб сделать её какой-нить не сдвигаемой... т.е. листаешь форму вверх и вниз..,

 

background-attachment: fixed;

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

благодарю..)))

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

  • 1 год спустя...
Опубликовано:

Скажите, вот

background: #ваш цвет url({style_images_url}/ваша картинка.png/jpg/gif);

Как правильно прописать? В моему случае фон у меня лежит в public/style_images/sto/bg.jpg

Сейчас у меня стоит значение

background-color: #d8dde8; url({style_images_url}/bg.jpg);

Не работает. Плюс я обратил внимание что у вас начинается

background:

, а у меня

background-color:

PS. Строка находится в

/* CORE ELEMENT STYLES */

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

Разобрался методом логики)) Вот как это выглядит у меня

background: url({style_images_url}/bg.jpg);

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 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.