Уважаемые пользователи!
Напоминаем, что с 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) | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Маргошка
phpBB 1.2.0
Сообщения: 17
Стаж: 6 лет

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

Сообщение Маргошка »

romaamor, я как то ставила шапку, нормальной она была, а вот каким способом не помню(((
Аватара пользователя
romaamor
phpBB 3.0.0 RC6
Сообщения: 1719
Стаж: 9 лет 4 месяца
Откуда: Одесса
Благодарил (а): 581 раз
Поблагодарили: 141 раз

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

Сообщение romaamor »

Маргошка, так есть расширение для смены шапки.
Маргошка
phpBB 1.2.0
Сообщения: 17
Стаж: 6 лет

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

Сообщение Маргошка »

romaamor, :roll: :?:
Аватара пользователя
ra02ra02
phpBB 1.4.2
Сообщения: 55
Стаж: 5 лет
Благодарил (а): 13 раз
Поблагодарили: 1 раз

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

Сообщение ra02ra02 »

Так есть решение адаптации под мобилки?
Аватара пользователя
Erenbur
phpBB 1.4.4
Сообщения: 140
Стаж: 5 лет 3 месяца
Откуда: Красноярск
Благодарил (а): 24 раза
Поблагодарили: 20 раз

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

Сообщение Erenbur »

ra02ra02, просильвер же вроде неплохо адаптирован под мобильники из коробки (пусть Великие меня поправят, если ошибаюсь). В common.css поменял значение max-width: 1152px; на max-width: auto; и под любое разрешение экрана форум растягивается.
phpBB 3.1.9 стиль prosilver
Аватара пользователя
ra02ra02
phpBB 1.4.2
Сообщения: 55
Стаж: 5 лет
Благодарил (а): 13 раз
Поблагодарили: 1 раз

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

Сообщение ra02ra02 »

Размер логотипа 154 450 на мобиле выглядит так . Как исправить? Либо может по другому добавить название и описание, не через логотип? Только как , чтобы шрифт такой был. Стиль prosilver Special Edition
Вложения
Screenshot_1.png
Аватара пользователя
Erenbur
phpBB 1.4.4
Сообщения: 140
Стаж: 5 лет 3 месяца
Откуда: Красноярск
Благодарил (а): 24 раза
Поблагодарили: 20 раз

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

Сообщение Erenbur »

ra02ra02, лучше фото левой части запости.
phpBB 3.1.9 стиль prosilver
Вчерашний борщ
phpBB 2.0.4
Сообщения: 416
Стаж: 5 лет 10 месяцев
Благодарил (а): 53 раза
Поблагодарили: 35 раз

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

Сообщение Вчерашний борщ »

ra02ra02 писал(а): Либо может по другому добавить название и описание, не через логотип?
название и описание это не logo
название site-description h1
описание site-description p
Аватара пользователя
ra02ra02
phpBB 1.4.2
Сообщения: 55
Стаж: 5 лет
Благодарил (а): 13 раз
Поблагодарили: 1 раз

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

Сообщение ra02ra02 »

Вчерашний борщ, так как добавить такой шрифт?
Вчерашний борщ
phpBB 2.0.4
Сообщения: 416
Стаж: 5 лет 10 месяцев
Благодарил (а): 53 раза
Поблагодарили: 35 раз

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

Сообщение Вчерашний борщ »

ra02ra02, найти на сайтах со шрифтами. А можно и оставить лого картинкой, но менять размер и отступы всякие на узких экранах через @media. По кусочку что видно, наверно не в размере дело, а в отступах.
Мне ближе вариант через шрифты.
Возможно, если измените большое значение по padding-left, на маленькое по padding-right у logo, то все и так встанет как надо.
Аватара пользователя
Gubkin
phpBB 2.0.15
Сообщения: 1024
Стаж: 6 лет
Благодарил (а): 214 раз
Поблагодарили: 103 раза

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

Сообщение Gubkin »

Как сделать чтоб при уменьшении ширины картинка в шапке не вылазила ?
форум в профиле указан
2016-10-25_123938.png
Ещё один тупой вопрос и будете забанены. К гуру надо приходить подготовленными, а не как Вы. Вчера создали форум с парой постов, а сегодня уже 20 вопросов )))
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 10628
Стаж: 9 лет 11 месяцев
Благодарил (а): 185 раз
Поблагодарили: 3007 раз

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

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

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

#site-description, .logo  {
width: 100%;
}

.imageset.site_logo {
width: 100%;
height: 100px;
background-image: url("./images/site_logo.gif");
}
А поля на span'е убрать
Аватара пользователя
Gubkin
phpBB 2.0.15
Сообщения: 1024
Стаж: 6 лет
Благодарил (а): 214 раз
Поблагодарили: 103 раза

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

Сообщение Gubkin »

Татьяна5, ааа... какой файл редактировать ?
может быть для Вас это открытия, но я не шарю :D
Ещё один тупой вопрос и будете забанены. К гуру надо приходить подготовленными, а не как Вы. Вчера создали форум с парой постов, а сегодня уже 20 вопросов )))
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 10628
Стаж: 9 лет 11 месяцев
Благодарил (а): 185 раз
Поблагодарили: 3007 раз

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

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

2016-10-25_171619.jpg
И для первой правки точно так же подходящий файл определяется
(Это firefox+firebug, удобнейшая вещь)
max2012
phpBB 2.0.0
Сообщения: 242
Стаж: 9 лет 1 месяц
Благодарил (а): 1 раз
Поблагодарили: 3 раза

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

Сообщение max2012 »

то же примерно такая же проблема в шапке. Использую шаблон graand_red и картинка в шапке состоит их 3х блоков: по бокам и в середине.
я хотел бы заменить всею шапку на одну картинку и чтобы она масштабировалась вместе с форумом в браузере.
строчки background-repeat: no-repeat;
явно не хватает, так как при масштабировании появляются черные поля.
вот пример оригинал строк
Скрытый текст
.mainhead-m {
width: 100%;
height: 90px;
background-image: url("{T_THEME_PATH}/images/mainhead-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}

.mainhead-r {
float: right;
width: 132px;
height: 90px;
background-image: url("{T_THEME_PATH}/images/mainhead-r.png");
background-repeat: no-repeat;
background-position: right;
}

.mainhead-l {
float: left;
width: 132px;
height: 90px;
background-image: url("{T_THEME_PATH}/images/mainhead-l.png");
background-repeat: no-repeat;
background-position: left;
}

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