Фоновый рисунок

[Вадик]

Здравствуйте! Подскажите пожалуйста как можно вставить свой фоновый рисунок, и изменить ширину форума.
Хочу сделать форум более похожим на сайт http://кгбу-со-едди.рф/
Спасибо!

[VEG]

Вадик, в настройках отображения (phpBBex 1.5) можно задать максимальную и минимальную ширину форума (но сильно узко не рекомендую делать, желательно хотя бы 1024 пикселя ставить).
Ну а картинку вы можете прописать в CSS ./styles/prosilver/theme/common.css, найти:

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

body {

и после добавить:

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

background-image: url("/path/to/image.png");

[Вадик]

VEG Спасибо!

Добавлено спустя 12 минут 48 секунд:

в настройках отображения (phpBBex 1.5) можно задать максимальную и минимальную ширину форума (но сильно узко не рекомендую делать, желательно хотя бы 1024 пикселя ставить).

Извините меня за беспокойство, только я не совсем понял где искать эти настройки

[VEG]

Вадик, Админка, Общие, Настройки отображения, Максимальная ширина страницы.

[Вадик]

Перерыл всю админку , но к сожалению так и не нашел Настройки отображения

Добавлено спустя 13 минут 58 секунд:
Все проблема решена! Дело было в том что у меня была старая версия phpbbex-v1.4.0
Спасибо за помощь!

[madbatman]

Ну а картинку вы можете прописать в CSS

Подскажите пожалуйста в какую папку саму картинку положить.

[JoteRuso]

В любую. Главное - указать путь к этой картинке.

Например, если Ваш форум находится в папке forum, и вы положили картинку в эту же папку, то путь к картинке будет

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

/forum/image.png

а сама строчка, которую надо будет вписать:

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

background-image: url("/forum/image.png");

Естественно, вместо указанного здесь названия рисунка (image.png) вам надо будет вставить название своего рисунка.

[VEG]

madbatman, на самом деле без разницы. Но все картинки из prosilver лежат в каталоге ./styles/prosilver/theme/images/. Можете и свою туда положить.

Добавлено спустя 15 секунд:
JoteRuso, опередил :)

[madbatman]

А background-repeat будет работать?
У меня прозрачная картинка в .png следы протектора шин.
Вот и хочу чтобы замостило свободное пространство этой картинкой.

[VEG]

Должны работать любые CSS-свойства.

[modjo]

А как бы задать фон слева от форума и справа двумя разными картинками?
Когда-то находил... а теперь не могу найти
Спасибо.

[Sumanai]

Поставить два фона, один выровнять слева, другой справа, и повторение только по вертикали. Вот тут подробное описание свойств, с помощью которых этого можно добиться.

[modjo]

Вписал в simple_header.html сразу после title

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

<style>
   html {
    background: #fc0 url(images/bgleft.png) repeat-y; /* Цвет фона веб-страницы,
                                                         путь к графическому файлу с фоном и
                                                         повторение фона по вертикали */
    height: 100%; /* Высота элемента */
   }
   body {
    background: url(images/bgright.png) repeat-y 100% 0; /* Путь к графическому файлу с фоном,
                                                            повторение фона по вертикали,
                                                            расположение картинки по
                                                            правому краю окна браузера */
    margin: 0; /* Обнуляем отступы на странице */
    height: 100%; /* Высота элемента */
   }
   p {
    margin: 0; /* Обнуляем отступы */
    padding: 5px 0 0 20px; /* Поля вокруг текста */
   }
  </style>

Пока не видать картинок

Добавлено спустя 7 минут 19 секунд:
В common.css прописал.

Добавлено спустя 3 минуты 7 секунд:
Картинка начинается от края окна, а не от края форума
А как бы наоборот?
И ещё чтобы она не двигалась при скролле (повторять её не вижу смысла).

[Sumanai]

А если внимательно прочитать по ссылке?

В CSS3 допустимо указывать параметры сразу нескольких фонов, перечисляя их через запятую.

И пример:

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

   body {
    background: url(images/hand.png) repeat-y,
                #fc0 url(images/bg-right.png) repeat-y 100% 0;
   }

У них всё работает, на той странице есть пример 2.

Добавлено спустя 2 минуты 48 секунд:

Картинка начинается от края окна, а не от края форума

Само собой, вы же её привязываете к корневому элементу. Тело форума обвёрнуто в <div id="wrap">.

И ещё чтобы она не двигалась при скролле (повторять её не вижу смысла).

Ну так сами же написали- repeat-y. Напишите вместо этого no-repeat

[modjo]

А то бывает фон как вкопаный, а форум скролится.

Добавлено спустя 9 минут 2 секунды:
Убрал overflow-y: scroll; - не помогло :(

Добавлено спустя 3 минуты 51 секунду:
Нашёл вот такое решение:

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

background-attachment: fixed;

Может быть не самое лучшее, но... что Яндекс выдал

Добавлено спустя 51 секунду:
И всё же... можно ли чтобы картинка начиналась от края форума, а не от края экрана? Или это вообще высшая математика 80го уровня?

[Sumanai]

Я просто не сразу понял, что вам надо. Не, сходу я не скажу, как так сделать.

[modjo]

Пичалька конечно

[VEG]

modjo, координаты можно вместо процентной записи задавать в виде функции calc. Например, для вычисления координаты для левой картинки получится что-то вроде (1280px — это максимальная ширина страницы, 500px — это ширина левой картинки):

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

background: url(images/hand.png) calc(50% - 1280px / 2 - 500px) top repeat-y;

[modjo]

Что-то не очень...
Да и левая ещё более-менее, с правой беда.

[VEG]

modjo, для правой будет очевидно другая формула :) Если я с левой не ошибся (не проверял), то для правой примерно такое будет:

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

background: url(images/bg-left.png) calc(50% - 1280px / 2 - 500px) top repeat-y, url(images/bg-right.png) calc(50% + 1280px / 2) top repeat-y;

Тоже вместо 1280px нужно подставить максимальную ширину ваших страничек, вместо 500px — ширину левой картинки.