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

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

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

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

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

Сообщение invader »

Подскажите, кто делал шапку резиновой в просильвере, с помощью назначения фона background и двух img по бокам в блоке.
Что-то не догоняем как должен выглядеть код, уже неделю прыгаем, а подстроить не удаётся.
Это должно выглядеть примерно так же как шапка на гуру, только справа ещё изображение...
Хочется посмотреть код на примере готовой шапки форума...
С дизайном уже обломались при переходе на 3.1.1, так хоть шапку подогнать...
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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
Стаж: 10 лет 2 месяца
Благодарил (а): 82 раза
Поблагодарили: 15 раз

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

Сообщение invader »

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

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

Сообщение Anvar »

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

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

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

Сообщение invader »

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

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

Сообщение Anvar »

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

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

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

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

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

Сообщение invader »

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

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

Сообщение apollion »

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

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

Сообщение invader »

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

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

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

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

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

Сообщение invader »

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

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

Сообщение apollion »

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

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

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

Сообщение invader »

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

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

Сообщение Erlang »

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

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