Фоновая картинка в теле сообщений

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
incubus
phpBB 2.0.1
Сообщения: 255
Стаж: 19 лет 11 месяцев
Благодарил (а): 3 раза
Поблагодарили: 1 раз

Фоновая картинка в теле сообщений

Сообщение incubus »

Делаю новый дизайн для форума. Хочу сделать градиент для сообщений (думаю, здесь похоже сделано). Столкнулся с тем, что, когда пользователь на форуме, прописывается бэкграунд картинки онлайн. Два бэкграунда, естественно, не влазят в один слой. Мой бэкграунд исчезает, а картинка онлайн начинает работать на всю ширину (как с repeat-x). Прописывал для классов .bg1, .bg2. Делал все в одном свойстве background (цвет, картинка, повторение). Может быть я не очень ориентируюсь в иерархии css файлов в phpBB? В разных файлах прописываются разные значения для одного и того же класса.
Пробовал прописать еще один слой, поверх всех слоев в viewtopic_body.html и для него сделать бэкграунд - не отображается.
Уже чего только не мудрил)) Вот как, к примеру, на этом форуме уживается градиент для сообщений при появлении картинки онлайн?
Знаю, что на форуме phpBB Guru этот симпатичный дизайн делала Nekstati)) Надеюсь на подсказку)) Спасибо.
Изображение
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3365
Стаж: 17 лет 6 месяцев
Благодарил (а): 37 раз
Поблагодарили: 1454 раза

Re: Фоновая картинка в теле сообщений

Сообщение Nekstati »

Можно сделать двойной фон средствами CSS3:

Код: Выделить всё

background: url('gradient.png') repeat-x, url('online.png') no-repeat #FFFFFF;
IE<9 не поймёт это, и чтобы он отображал хотя бы один из двух фонов, надо сверху добавить строчку

Код: Выделить всё

background: url('gradient.png') repeat-x #FFFFFF;
Можно задать градиент для .post .bg1 / .post .bg2, а онлайн-картинку — для вложенных блоков .online .inner или .online .postprofile.

Вернуться в «Стили для phpBB 3.0.x»