Уважаемые пользователи!
Напоминаем, что с 7 ноября 2020 года phpBB Group прекращает поддержку phpBB версии 3.2.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2020 года.
С учетом этого, а также того, что версия 3.2.x больше не будет получать обновлений, за исключением связанных с проблемами безопасности
(только при их наличии и только до 7 ноября 2020 года), рекомендуется обновить конференции до версии 3.3.x.

Шапку сделать резиновой

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Шапку сделать резиновой

Сообщение invader »

Подскажите, кто делал шапку резиновой в просильвере, с помощью назначения фона background и двух img по бокам в блоке.
Что-то не догоняем как должен выглядеть код, уже неделю прыгаем, а подстроить не удаётся.
Это должно выглядеть примерно так же как шапка на гуру, только справа ещё изображение...
Хочется посмотреть код на примере готовой шапки форума...
С дизайном уже обломались при переходе на 3.1.1, так хоть шапку подогнать...
Аватара пользователя
angst66
phpBB 2.0.22
Сообщения: 1360
Стаж: 9 лет 6 месяцев
Благодарил (а): 78 раз
Поблагодарили: 124 раза

Re: Шапку сделать резиновой

Сообщение angst66 »

Лично у меня так.

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

.headerbar {
    background-color: #цвет фона ;
    background-image: url("путь к вашей картинке в шапке, ширина которой будет например 1800px, но можно и поменьше");
    background-position: center center;
    background-size: cover;
    height: высота блока px;
Ключевым здесь является свойство cover
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

Спасибо ! Попробуем поиграться...
Anvar
Former team member
Сообщения: 1965
Стаж: 11 лет 4 месяца
Благодарил (а): 67 раз
Поблагодарили: 791 раз

Re: Шапку сделать резиновой

Сообщение Anvar »

invader, Смотрите как сделана шапка там [EXT] Перекрашенный prosilver

Резиновую думаю можно таким-же способом, применить двойной background с css3, либо изображения использовать по шире.
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

Anvar
как я понимаю, там в примере стоит две картинки по углам и фон ?
Надеюсь расширение стабильно...
Тоже надо попробовать установить...
Просто на 3.0.12, сабсильвер, в оригинале шапка собрана из мозайки, 4 имагеса и двух фонов... Тут ещё и + мобильную надо подогнать, ступор конкретный...
Anvar
Former team member
Сообщения: 1965
Стаж: 11 лет 4 месяца
Благодарил (а): 67 раз
Поблагодарили: 791 раз

Re: Шапку сделать резиновой

Сообщение Anvar »

invader, Одно изображение фоновое и логотип, шапка адаптивная.
Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 11 лет 3 месяца
Откуда: Сергиев Посад
Благодарил (а): 374 раза
Поблагодарили: 730 раз

Re: Шапку сделать резиновой

Сообщение владимир1983 »

invader писал(а):4 имагеса и двух фонов
А чего в итоге то на ней? Можно скрин посмотреть?
Мне просто интересно чего так все сложно.
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

владимир1983
Я с WP, щас скрин не сделать, под профилем сайт указан, гляньте вживую...
Аватара пользователя
apollion
phpBB 2.0.22
Сообщения: 1382
Стаж: 7 лет 4 месяца
Откуда: Юг Руси
Благодарил (а): 50 раз
Поблагодарили: 99 раз

Re: Шапку сделать резиновой

Сообщение apollion »

invader писал(а):Просто на 3.0.12, сабсильвер, в оригинале шапка собрана из мозайки, 4 имагеса и двух фонов... Тут ещё и + мобильную надо подогнать, ступор конкретный...
В subsilver2 шапка сделана из картинок лого и одной повторяющейся картинки бэкграунда и раскрашеного фона.
Пробовал недавно на prosilver в 3.0.12 ту же шапку у себя разместить, что стоит на subsilver2, убрав рамку по переметру, и ничего не вышло. Про перекраску просилвера читал.
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

Вот мы как бы тоже, нашли исполнителя, но и он впал в ступор. Сейчас шапка такая и не подстраивается под экраны http://beta.vectra-club.ru/forum
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 10628
Стаж: 9 лет 11 месяцев
Благодарил (а): 185 раз
Поблагодарили: 3007 раз

Re: Шапку сделать резиновой

Сообщение Татьяна5 »

Стандартная синяя и всё подстраивается
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

Та не) Уже пришлось снести всё. Вернулись к стандартному стилю, правки под дизайн оказались критичны. Гемор кароч...
Аватара пользователя
apollion
phpBB 2.0.22
Сообщения: 1382
Стаж: 7 лет 4 месяца
Откуда: Юг Руси
Благодарил (а): 50 раз
Поблагодарили: 99 раз

Re: Шапку сделать резиновой

Сообщение apollion »

invader писал(а):Вернулись к стандартному стилю, правки под дизайн оказались критичны.

А почему доступ к форуму закрыт? :)
invader
phpBB 2.0.0
Сообщения: 214
Стаж: 7 лет 6 месяцев
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Шапку сделать резиновой

Сообщение invader »

apollion
это копия, нефиг там юзерам делать...
Erlang
phpBB 2.0.15
Сообщения: 1033
Стаж: 17 лет
Откуда: Москва
Благодарил (а): 297 раз
Поблагодарили: 6 раз

Re: Шапку сделать резиновой

Сообщение Erlang »

Может не совсем в тему:
А шапка и форум в 3.1 не растягивается на весь экран автоматически?
Последний раз редактировалось Erlang 12.12.2014 13:11, всего редактировалось 1 раз.
С уважением,
Сергей

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