Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
meTeJlka

Фон

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

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

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

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

но не понял одного.., как менять фон на 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>

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
11/19/10 04:50 (изменено)

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

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

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

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

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

Поделиться сообщением


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

 

background-attachment: fixed;

Поделиться сообщением


Ссылка на сообщение
11/19/10 10:02 (изменено)

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

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

Поделиться сообщением


Ссылка на сообщение

Скажите, вот

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 пользователей

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

×
×
  • Создать...