Фон - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

резиновый бэкграунд
Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Фон ipb 3.1.3

#1 Пользователь не на сайте   meTeJlka »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 18-Ноябрь 10
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 18 Ноябрь 2010 - 06:05

извените пожалуйся если уже есть такая тема....
просто я все странитци этого раздела обшарил и не нашол....
благодоря вашему сайту я многое понял...
но не понял одного.., как менять фон на ibp 3.1.3
хотя думаю, что 3.1.3 не имеет значени...
подскажите пожалуйста как всёже меняется фон...
ну т.е. вместо белого целомудренного фона... ставится картинка..
зарание благодарю за внимание...^^
0

#2 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 18 Ноябрь 2010 - 13:02

ipb_styles.css

Найти body
Добавить / заменить параметр
  background: #ваш цвет url({style_images_url}/ваша картинка.png/jpg/gif);

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

#3 Пользователь не на сайте   meTeJlka »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 18-Ноябрь 10
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 18 Ноябрь 2010 - 19:46

Цитата

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

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

#4 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 19 Ноябрь 2010 - 03:00

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

#5 Пользователь не на сайте   venomkorx7 »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 3
  • Регистрация: 11-Ноябрь 10
  • Репутация: 2
  • IPB version:3.1.x
 

Отправлено 19 Ноябрь 2010 - 03:05

Просмотреть сообщениеmeTeJlka 18 Ноябрь 2010 - 19:46 сказал(а):

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

На 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>

2

#6 Пользователь не на сайте   meTeJlka »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 18-Ноябрь 10
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 19 Ноябрь 2010 - 07:49

Fisana, venomkorx7 спасибо вам..)))
эх... она всётаки слино корябоется.....Т___т...
а что нащет того, чтоб сделать её какой-нить не сдвигаемой... т.е. листаешь форму вверх и вниз..,
а картинка не ездит....^^ если такое возможно, то это будет чудесно.))))

Сообщение изменено: meTeJlka (19 Ноябрь 2010 - 07:50)

0

#7 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 19 Ноябрь 2010 - 11:47

Цитата

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


background-attachment: fixed;

0

#8 Пользователь не на сайте   meTeJlka »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 18-Ноябрь 10
  • Репутация: 0
  • IPB version:3.1.x
 

Отправлено 19 Ноябрь 2010 - 13:01

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

Сообщение изменено: meTeJlka (19 Ноябрь 2010 - 13:02)

0

#9 Пользователь не на сайте   Vildan »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 138
  • Регистрация: 07-Ноябрь 11
  • Репутация: 3
  • IPB version:3.2.x
 

Отправлено 13 Январь 2012 - 13:43

Скажите, вот
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 */

0

#10 Пользователь не на сайте   Vildan »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 138
  • Регистрация: 07-Ноябрь 11
  • Репутация: 3
  • IPB version:3.2.x
 

Отправлено 13 Январь 2012 - 13:55

Разобрался методом логики)) Вот как это выглядит у меня
background: url({style_images_url}/bg.jpg);

0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна