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

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

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

Сообщение #1 Вадик » 14.10.2012, 06:26

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

Сообщение #2 VEG » 14.10.2012, 11:57

Вадик, в настройках отображения (phpBBex 1.5) можно задать максимальную и минимальную ширину форума (но сильно узко не рекомендую делать, желательно хотя бы 1024 пикселя ставить).
Ну а картинку вы можете прописать в CSS ./styles/prosilver/theme/common.css, найти:
Код: Выделить всё
body {
и после добавить:
Код: Выделить всё
background-image: url("/path/to/image.png");
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #3 Вадик » 14.10.2012, 12:03

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

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

Извините меня за беспокойство, только я не совсем понял где искать эти настройки :help:
Вадик
Автор темы
Репутация: 4
С нами: 11 лет 5 месяцев

Сообщение #4 VEG » 14.10.2012, 12:23

Вадик, Админка, Общие, Настройки отображения, Максимальная ширина страницы.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #5 Вадик » 14.10.2012, 12:38

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

Добавлено спустя 13 минут 58 секунд:
Все проблема решена! :smoke: Дело было в том что у меня была старая версия phpbbex-v1.4.0
Спасибо за помощь! :smile:
Вложения
ннн.JPG
Вадик
Автор темы
Репутация: 4
С нами: 11 лет 5 месяцев

Сообщение #6 madbatman » 24.02.2013, 08:55

VEG:Ну а картинку вы можете прописать в CSS
Подскажите пожалуйста в какую папку саму картинку положить.
madbatman M
Аватара
Откуда: Москва
Репутация: 4
С нами: 11 лет 1 месяц

Сообщение #7 JoteRuso » 24.02.2013, 12:47

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

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

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

Естественно, вместо указанного здесь названия рисунка (image.png) вам надо будет вставить название своего рисунка.
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #8 VEG » 24.02.2013, 12:48

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

Добавлено спустя 15 секунд:
JoteRuso, опередил :)
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #9 madbatman » 26.02.2013, 11:16

А background-repeat будет работать?
У меня прозрачная картинка в .png следы протектора шин.
Вот и хочу чтобы замостило свободное пространство этой картинкой.
madbatman M
Аватара
Откуда: Москва
Репутация: 4
С нами: 11 лет 1 месяц

Сообщение #10 VEG » 26.02.2013, 11:57

Должны работать любые CSS-свойства.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #11 modjo » 12.10.2013, 21:44

А как бы задать фон слева от форума и справа двумя разными картинками? :pray:
Когда-то находил... а теперь не могу найти :cry:
Спасибо.
modjo M
Репутация: 6
С нами: 10 лет 11 месяцев

Сообщение #12 Sumanai » 12.10.2013, 21:52

Поставить два фона, один выровнять слева, другой справа, и повторение только по вертикали. Вот тут подробное описание свойств, с помощью которых этого можно добиться.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #13 modjo » 12.10.2013, 22:21

Вписал в 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>

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

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

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

Сообщение #14 Sumanai » 12.10.2013, 22:33

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

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

Добавлено спустя 2 минуты 48 секунд:
modjo:Картинка начинается от края окна, а не от края форума :sad:

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

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

Ну так сами же написали- repeat-y. Напишите вместо этого no-repeat
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #15 modjo » 12.10.2013, 22:53

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

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

Добавлено спустя 3 минуты 51 секунду:
Нашёл вот такое решение:
Код: Выделить всё
background-attachment: fixed;
Может быть не самое лучшее, но... что Яндекс выдал :biggrin:

Добавлено спустя 51 секунду:
И всё же... можно ли чтобы картинка начиналась от края форума, а не от края экрана? Или это вообще высшая математика 80го уровня? :weirdface:
modjo M
Репутация: 6
С нами: 10 лет 11 месяцев

Сообщение #16 Sumanai » 12.10.2013, 23:28

Я просто не сразу понял, что вам надо. Не, сходу я не скажу, как так сделать.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #17 modjo » 13.10.2013, 10:28

Пичалька конечно :zombie:
modjo M
Репутация: 6
С нами: 10 лет 11 месяцев

Сообщение #18 VEG » 13.10.2013, 11:08

modjo, координаты можно вместо процентной записи задавать в виде функции calc. Например, для вычисления координаты для левой картинки получится что-то вроде (1280px — это максимальная ширина страницы, 500px — это ширина левой картинки):
Код: Выделить всё
background: url(images/hand.png) calc(50% - 1280px / 2 - 500px) top repeat-y;
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #19 modjo » 13.10.2013, 11:17

Что-то не очень...
Да и левая ещё более-менее, с правой беда.
modjo M
Репутация: 6
С нами: 10 лет 11 месяцев

Сообщение #20 VEG » 13.10.2013, 11:22

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 — ширину левой картинки.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

След.

Вернуться в Поддержка 1.x



cron