Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Проблема с метатегом Descriptionавтор VeraLV Вчера в 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
» 2x2 форум
автор лексей2222 Февраль 12th 2024, 14:47
» сколько сообщений в теме
автор лексей2222 Февраль 10th 2024, 07:24
Шапка в ModernBB
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Шапка в ModernBB
Не могу никак понять как сменить шапку полностью. В админке есть лого , и есть
вот такое
http://prntscr.com/eoat5w
Причем начальный файл был в формате векторной графики. Сейчас это прозрачное пнг. Но шапка черная. Размеры непонятные. Местное хранилище фото не понимает пнг и делает его вообще черным,
В общем как сменить вот эту шапку на ту картинку и цвет который мне бы хотелось
http://prntscr.com/eoatvj
вот такое
http://prntscr.com/eoat5w
Причем начальный файл был в формате векторной графики. Сейчас это прозрачное пнг. Но шапка черная. Размеры непонятные. Местное хранилище фото не понимает пнг и делает его вообще черным,
В общем как сменить вот эту шапку на ту картинку и цвет который мне бы хотелось
http://prntscr.com/eoatvj
Re: Шапка в ModernBB
Servimg понимает и сохраняет png-файлы, если они не весят больше 2Мб. В противном случае — да, будет убирать альфа-канал (прозрачность).Хартахана пишет:Местное хранилище фото не понимает пнг и делает его вообще черным
Добавьте в CSS и изменяйте по своему усмотрению
- Код:
.headerbar {
background-color: #5fa1ce;
background-image: url(https://illiweb.com/fa/modernbb/bg_header.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}
background-color - цвет фона шапки
background-image - фоновое изображение шапки
background-position - выравнивание фоновой картинки шапки
background-repeat - повторяемость / неповторяемость фоновой картинки шапки
background-size - масштабирование фоновой картинки шапки
height: 350px - высота шапки
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Шапка в ModernBB
а зачастую пнг у меня весят гораздо больше. Но теперь хоть буду знать. СпасибоDana Domirani пишет:Servimg понимает и сохраняет png-файлы, если они не весят больше 2Мб. В противном случае — да, будет убирать альфа-канал (прозрачность).
Re: Шапка в ModernBB
еще возник вопрос какой высоты и ширины блок под шапку. Я ставлю высоту 350 делаю щапку высотой 350 но она не влезает, картинка обрезается причем именно по высоте. Но я так поняла что она масштабируется, что задано в параметрах таблицы. Пробовал заменить на contain получила обрезку по ширине. Т.е надо знать 2 параметра раз она не масштабируется корректно
вот размеры шапки http://prntscr.com/eoc2t1
вот заданные параметры http://prntscr.com/eoc32a
а вот результат http://prntscr.com/eoc3bk
Я пробовала и стандартные размеры шапки. 450 на 900 то же самое
вот размеры шапки http://prntscr.com/eoc2t1
вот заданные параметры http://prntscr.com/eoc32a
а вот результат http://prntscr.com/eoc3bk
Я пробовала и стандартные размеры шапки. 450 на 900 то же самое
Re: Шапка в ModernBB
Можно облегчить png картинку весом до 5MB практически без потери качества. По крайней мере на глаз вы не заметите. Вот здесь https://tinypng.comХартахана пишет:а зачастую пнг у меня весят гораздо больше.
Вот видите разницу?
Эта оригинал весом 4,3 МВ
А это облегчённая, весит 763.8 KB
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Шапка в ModernBB
При нынешних мониторах размер "резиновой" масштабирующейся шапки должен быть 1920 px по бОльшей стороне. Т.е. изначально надо подбирать картинку не меньше, чем 1920 по ширине.
Например, берем эту https://i.servimg.com/u/f58/13/71/53/06/210.jpg
Ее размеры — 1920 на 683, вес - 378Кб
Настраиваем CSS:
- указываем высоту шапки 680px
- указываем позиционирование background-position как left center, чтобы при изменении размеров экрана основной оставалась левая часть картинки
- оставляем масштабирование cover
Использовать png имеет смысл, если шапка собирается из нескольких художественных рисунков / фото и нужно добиться эффекта многослойности.
Если шапка — это одна фоновая фотография, то никакая прозрачность не нужна. Для такой картинки достаточно формата jpg (его можно оптимизировать до 100-400Кб).
Если фон шапки — повторяющийся узор, то оптимальный формат — svg (масштабируемая векторная графика, она самая "легкая").
Например, берем эту https://i.servimg.com/u/f58/13/71/53/06/210.jpg
Ее размеры — 1920 на 683, вес - 378Кб
Настраиваем CSS:
- указываем высоту шапки 680px
- указываем позиционирование background-position как left center, чтобы при изменении размеров экрана основной оставалась левая часть картинки
- оставляем масштабирование cover
- Код:
.headerbar {
background-color: #5fa1ce;
background-image: url(https://i58.servimg.com/u/f58/13/71/53/06/210.jpg);
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
height: 680px;
}
Использовать png имеет смысл, если шапка собирается из нескольких художественных рисунков / фото и нужно добиться эффекта многослойности.
Если шапка — это одна фоновая фотография, то никакая прозрачность не нужна. Для такой картинки достаточно формата jpg (его можно оптимизировать до 100-400Кб).
Если фон шапки — повторяющийся узор, то оптимальный формат — svg (масштабируемая векторная графика, она самая "легкая").
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Шапка в ModernBB
Dana Domirani, благодарю, попробую. Я картинку взяла на пробу. Шапка предполагается многослойная. Но прежде чем что то делать надо все четко знать. Как и где расположить
Похожие темы
» Обновления на Forum2x2 : Итоги прошедшего 2022 года
» ModernBB: Прозрачность фонового слоя в шапке
» Короткий вопрос по стилю ModernBB
» ModernBB: расположение профиля пользователя.
» [решено] Отключить рамку аватары (ModernBB)
» ModernBB: Прозрачность фонового слоя в шапке
» Короткий вопрос по стилю ModernBB
» ModernBB: расположение профиля пользователя.
» [решено] Отключить рамку аватары (ModernBB)
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения