Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.
Шапку сделать резиновой
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать расширения
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ).
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать расширения
Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ).
Re: Шапку сделать резиновой
romaamor, я как то ставила шапку, нормальной она была, а вот каким способом не помню(((
-
- phpBB 1.4.4
- Сообщения: 140
- Стаж: 7 лет 11 месяцев
- Благодарил (а): 24 раза
- Поблагодарили: 20 раз
Re: Шапку сделать резиновой
ra02ra02, просильвер же вроде неплохо адаптирован под мобильники из коробки (пусть Великие меня поправят, если ошибаюсь). В common.css поменял значение max-width: 1152px; на max-width: auto; и под любое разрешение экрана форум растягивается.
- ra02ra02
- phpBB 1.4.2
- Сообщения: 55
- Стаж: 7 лет 8 месяцев
- Благодарил (а): 11 раз
- Поблагодарили: 1 раз
Re: Шапку сделать резиновой
Размер логотипа 154 450 на мобиле выглядит так . Как исправить? Либо может по другому добавить название и описание, не через логотип? Только как , чтобы шрифт такой был. Стиль prosilver Special Edition
-
- phpBB 2.0.4
- Сообщения: 416
- Стаж: 8 лет 6 месяцев
- Благодарил (а): 53 раза
- Поблагодарили: 35 раз
Re: Шапку сделать резиновой
название и описание это не logo
название site-description h1
описание site-description p
-
- phpBB 2.0.4
- Сообщения: 416
- Стаж: 8 лет 6 месяцев
- Благодарил (а): 53 раза
- Поблагодарили: 35 раз
Re: Шапку сделать резиновой
ra02ra02, найти на сайтах со шрифтами. А можно и оставить лого картинкой, но менять размер и отступы всякие на узких экранах через @media. По кусочку что видно, наверно не в размере дело, а в отступах.
Мне ближе вариант через шрифты.
Возможно, если измените большое значение по padding-left, на маленькое по padding-right у logo, то все и так встанет как надо.
Мне ближе вариант через шрифты.
Возможно, если измените большое значение по padding-left, на маленькое по padding-right у logo, то все и так встанет как надо.
- Gubkin
- phpBB 2.0.16
- Сообщения: 1085
- Стаж: 8 лет 8 месяцев
- Благодарил (а): 231 раз
- Поблагодарили: 107 раз
- Контактная информация:
Re: Шапку сделать резиновой
Как сделать чтоб при уменьшении ширины картинка в шапке не вылазила ?
форум в профиле указан
форум в профиле указан
Ещё один тупой вопрос и будете забанены. К гуру надо приходить подготовленными, а не как Вы. Вчера создали форум с парой постов, а сегодня уже 20 вопросов )))
- Татьяна5
- Поддержка
- Сообщения: 12372
- Стаж: 12 лет 7 месяцев
- Благодарил (а): 223 раза
- Поблагодарили: 3517 раз
- Контактная информация:
Re: Шапку сделать резиновой
Код: Выделить всё
#site-description, .logo {
width: 100%;
}
.imageset.site_logo {
width: 100%;
height: 100px;
background-image: url("./images/site_logo.gif");
}
span
'е убрать- Gubkin
- phpBB 2.0.16
- Сообщения: 1085
- Стаж: 8 лет 8 месяцев
- Благодарил (а): 231 раз
- Поблагодарили: 107 раз
- Контактная информация:
Re: Шапку сделать резиновой
Татьяна5, ааа... какой файл редактировать ?
может быть для Вас это открытия, но я не шарю
может быть для Вас это открытия, но я не шарю
Ещё один тупой вопрос и будете забанены. К гуру надо приходить подготовленными, а не как Вы. Вчера создали форум с парой постов, а сегодня уже 20 вопросов )))
- Татьяна5
- Поддержка
- Сообщения: 12372
- Стаж: 12 лет 7 месяцев
- Благодарил (а): 223 раза
- Поблагодарили: 3517 раз
- Контактная информация:
Re: Шапку сделать резиновой
(Это firefox+firebug, удобнейшая вещь)
-
- phpBB 2.0.0
- Сообщения: 242
- Стаж: 11 лет 9 месяцев
- Благодарил (а): 1 раз
- Поблагодарили: 3 раза
Re: Шапку сделать резиновой
то же примерно такая же проблема в шапке. Использую шаблон graand_red и картинка в шапке состоит их 3х блоков: по бокам и в середине.
я хотел бы заменить всею шапку на одну картинку и чтобы она масштабировалась вместе с форумом в браузере.
строчки background-repeat: no-repeat;
явно не хватает, так как при масштабировании появляются черные поля.
вот пример оригинал строк
я хотел бы заменить всею шапку на одну картинку и чтобы она масштабировалась вместе с форумом в браузере.
строчки 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;
}
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;
}