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

Board index phpBBex 1.x Поддержка

Description: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Forum rules: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Moderator: Поддержка

Post #1by Вадик » 14.10.2012, 06:26

Здравствуйте! Подскажите пожалуйста как можно вставить свой фоновый рисунок, и изменить ширину форума.
Хочу сделать форум более похожим на сайт http://кгбу-со-едди.рф/
Спасибо!
Вадик
Topic author, Новичок
Reputation: 4
With us: 6 years 10 months

Post #2by VEG » 14.10.2012, 11:57

Вадик, в настройках отображения (phpBBex 1.5) можно задать максимальную и минимальную ширину форума (но сильно узко не рекомендую делать, желательно хотя бы 1024 пикселя ставить).
Ну а картинку вы можете прописать в CSS ./styles/prosilver/theme/common.css, найти:
Code: Select all
body {
и после добавить:
Code: Select all
background-image: url("/path/to/image.png");
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Post #3by Вадик » 14.10.2012, 12:03

VEG Спасибо! :wink:

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

Извините меня за беспокойство, только я не совсем понял где искать эти настройки :help:
Вадик
Topic author, Новичок
Reputation: 4
With us: 6 years 10 months

Post #4by VEG » 14.10.2012, 12:23

Вадик, Админка, Общие, Настройки отображения, Максимальная ширина страницы.
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Post #5by Вадик » 14.10.2012, 12:38

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

Добавлено спустя 13 минут 58 секунд:
Все проблема решена! :smoke: Дело было в том что у меня была старая версия phpbbex-v1.4.0
Спасибо за помощь! :smile:
Attachments
ннн.JPG
Вадик
Topic author, Новичок
Reputation: 4
With us: 6 years 10 months

Post #6by madbatman » 24.02.2013, 08:55

VEG wrote:Ну а картинку вы можете прописать в CSS
Подскажите пожалуйста в какую папку саму картинку положить.
madbatman M
Бывалый
Avatar
Age: 50
Location: Москва
Reputation: 4
With us: 6 years 6 months

Post #7by JoteRuso » 24.02.2013, 12:47

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

Например, если Ваш форум находится в папке forum, и вы положили картинку в эту же папку, то путь к картинке будет
Code: Select all
/forum/image.png

а сама строчка, которую надо будет вписать:
Code: Select all
background-image: url("/forum/image.png");

Естественно, вместо указанного здесь названия рисунка (image.png) вам надо будет вставить название своего рисунка.
JoteRuso M
Гуру
Avatar
Location: Москва, Россия
Reputation: 536
With us: 7 years 4 months

Post #8by VEG » 24.02.2013, 12:48

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

Добавлено спустя 15 секунд:
JoteRuso, опередил :)
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Post #9by madbatman » 26.02.2013, 11:16

А background-repeat будет работать?
У меня прозрачная картинка в .png следы протектора шин.
Вот и хочу чтобы замостило свободное пространство этой картинкой.
madbatman M
Бывалый
Avatar
Age: 50
Location: Москва
Reputation: 4
With us: 6 years 6 months

Post #10by VEG » 26.02.2013, 11:57

Должны работать любые CSS-свойства.
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Post #11by modjo » 12.10.2013, 21:44

А как бы задать фон слева от форума и справа двумя разными картинками? :pray:
Когда-то находил... а теперь не могу найти :cry:
Спасибо.
modjo M
Мастер
Reputation: 6
With us: 6 years 4 months

Post #12by Sumanai » 12.10.2013, 21:52

Поставить два фона, один выровнять слева, другой справа, и повторение только по вертикали. Вот тут подробное описание свойств, с помощью которых этого можно добиться.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1665
With us: 6 years 6 months

Post #13by modjo » 12.10.2013, 22:21

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

Code: Select all
<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>

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

Added after 7 minutes 19 seconds:
В common.css прописал.

Added after 3 minutes 7 seconds:
Картинка начинается от края окна, а не от края форума :sad:
А как бы наоборот?
И ещё чтобы она не двигалась при скролле (повторять её не вижу смысла).
modjo M
Мастер
Reputation: 6
With us: 6 years 4 months

Post #14by Sumanai » 12.10.2013, 22:33

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

И пример:
Code: Select all
   body {
    background: url(images/hand.png) repeat-y,
                #fc0 url(images/bg-right.png) repeat-y 100% 0;
   }
У них всё работает, на той странице есть пример 2.

Added after 2 minutes 48 seconds:
modjo wrote:Картинка начинается от края окна, а не от края форума :sad:

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

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

Ну так сами же написали- repeat-y. Напишите вместо этого no-repeat
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1665
With us: 6 years 6 months

Post #15by modjo » 12.10.2013, 22:53

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

Added after 9 minutes 2 seconds:
Убрал overflow-y: scroll; - не помогло :(

Added after 3 minutes 51 second:
Нашёл вот такое решение:
Code: Select all
background-attachment: fixed;
Может быть не самое лучшее, но... что Яндекс выдал :biggrin:

Added after 51 second:
И всё же... можно ли чтобы картинка начиналась от края форума, а не от края экрана? Или это вообще высшая математика 80го уровня? :weirdface:
modjo M
Мастер
Reputation: 6
With us: 6 years 4 months

Post #16by Sumanai » 12.10.2013, 23:28

Я просто не сразу понял, что вам надо. Не, сходу я не скажу, как так сделать.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1665
With us: 6 years 6 months

Post #17by modjo » 13.10.2013, 10:28

Пичалька конечно :zombie:
modjo M
Мастер
Reputation: 6
With us: 6 years 4 months

Post #18by VEG » 13.10.2013, 11:08

modjo, координаты можно вместо процентной записи задавать в виде функции calc. Например, для вычисления координаты для левой картинки получится что-то вроде (1280px — это максимальная ширина страницы, 500px — это ширина левой картинки):
Code: Select all
background: url(images/hand.png) calc(50% - 1280px / 2 - 500px) top repeat-y;
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Post #19by modjo » 13.10.2013, 11:17

Что-то не очень...
Да и левая ещё более-менее, с правой беда.
modjo M
Мастер
Reputation: 6
With us: 6 years 4 months

Post #20by VEG » 13.10.2013, 11:22

modjo, для правой будет очевидно другая формула :) Если я с левой не ошибся (не проверял), то для правой примерно такое будет:
Code: Select all
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 — ширину левой картинки.
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 7 years 4 months

Next

Return to Поддержка