ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатная техническая поддержка » Фон форума на мобильных и подгрузка шрифтов (MyBB.ru, CSS)
подскажите, возможно ли отзеркалить фон? и если да, то как?
проблема с телефонным отображением
фон короче высоты и резко обрывается, что вообще не айс
потыкать в код http://disshi12.rusff.me
и сразу еще вопрос, используемые в ризе шрифты отображаются не во всех браузерах. Можно ли это как-то исправить?
Отредактировано Enima (04.02.23 19:37)
проблема с телефонным отображением
та же самая штука, которую я недавно поясняла вот тут: Некорректно отображается форум на мобильных (MyBB.ru, CSS)
у тебя форум не занимает всю высоту экрана телефона, т.к. адаптивка отсутствует - форум "скукожило" под размер экрана, он не адаптивен, поэтому занимает только верхнюю часть.
если добавишь еще 4-5 категорий, этого пробела не будет.
но без адаптивки на мобилах форумы выглядят именно так.вот тебе пример - рено тоже обделили адаптивкой и его точно также корячит:
# увеличивается по клику
если ты откроешь вот эту страницу, то "пробела" внизу не будет: http://disshi12.rusff.me/viewtopic.php?id=1
Это понятно, но фон то от этого не удлиняется (
а сейчас именно с фоном загвоздка
Enima
ща выглядит вот так:
--------------------
ты можешь, например, сделать вот так: background-size: auto 100%;
но тогда надо отлепить шапку от задника.
Enima
а можно под мобилы вместо текущего фона поставить другой:
@media screen and (max-width: 900px) {
body {background: url(картинка) !important;}
}Enima
а можно под мобилы вместо текущего фона поставить другой:Код:@media screen and (max-width: 900px) { body {background: url(картинка) !important;} }
Да там в шапке затык с анимацией
Она в подгон идёт
Хотела именно отзеркалить
Как будто где то видела, что так делали
Но проще, похоже, перекроить картинку
А с шрифтами есть вариант?
А с шрифтами есть вариант?
в смысле - анимировать шрифты?
можно, но так как у тебя - только видео или гифка.
т.е. в любом случае либо подгонять шапку, либо адаптировать фон
#p179974,Enima написал(а):А с шрифтами есть вариант?
в смысле - анимировать шрифты?
можно, но так как у тебя - только видео или гифка.т.е. в любом случае либо подгонять шапку, либо адаптировать фон
Писала про шрифты в первом сообщении
Используемые шрифты в дизе отображаются не во всех браузерах. Можно ли это подправить? (В хроме разных версий, например, тоже где отображаются все, а где не все)
и все таки вопрос_просьба_предложение_пожелание
что форум "скукожило" это понятно
и что адаптива нет - тоже
но вот про написать адаптивный шаблон это сильно для тех, кто его никогда не писал
и кто не разбирается в правильной структуре построения что б неправильный шаблон на правильный исправить и его адаптировать
может у кого-то из разбирающихся будет время написать урок-подсказку по этому моменту ? можно указать критерии неправильности (на что обращать внимание), может даже с примером правильно составленного кода. (ну и собственно, как этот адаптер делать)
Отредактировано Enima (05.02.23 08:39)
Используемые шрифты в дизе отображаются не во всех браузерах. Можно ли это подправить? (В хроме разных версий, например, тоже где отображаются все, а где не все)
У вас шрифты загружены в формате .ttf, который читается не всеми браузерами. Нужно загружать во всех форматах чтобы читалось везде. Вот пример шрифтов во всех форматах:
@font-face {
font-family: 'Ubuntu';
src: url('/files/0007/e3/f7/40983.eot');
src: url('/files/0007/e3/f7/40983.eot?#iefix') format('embedded-opentype'),
url('/files/0007/e3/f7/41224.woff') format('woff'),
url('/files/0007/e3/f7/68292.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
Как видите, кроме .ttf существуют ещё .woff и .eot.
и все таки вопрос_просьба_предложение_пожелание
что форум "скукожило" это понятно
и что адаптива нет - тоже
но вот про написать адаптивный шаблон это сильно для тех, кто его никогда не писал
и кто не разбирается в правильной структуре построениячто б неправильный шаблон на правильный исправить и его адаптировать
может у кого-то из разбирающихся будет время написать урок-подсказку по этому моменту ? можно указать критерии неправильности (на что обращать внимание), может даже с примером правильно составленного кода. (ну и собственно, как этот адаптер делать)
Адаптив под мобильные - слишком обширная тема и одним уроком тут не ограничишься. Чтобы было всё понятно надо писать полноценный гайд. В вашем случае, я уже не один раз звала вас в раздел обмена опытом. Оформите заявку, вас бесплатно научат на форуме делать адаптив. Либо же оформите бесплатный заказ на создание адаптивной версии дизайна, там сделают за вас и вы уже сможете использовать полученное как заблагорассудится.
Нужно загружать во всех форматах
благодарочка
хотя тут вопрос
все шрифты в одном формате залиты
но браузер половину читает, половину нет. значит дело не всегда в формате.
Адаптив под мобильные - слишком обширная тема и одним уроком тут не ограничишься. Чтобы было всё понятно надо писать полноценный гайд. В вашем случае, я уже не один раз звала вас в раздел обмена опытом. Оформите заявку, вас бесплатно научат на форуме делать адаптив. Либо же оформите бесплатный заказ на создание адаптивной версии дизайна, там сделают за вас и вы уже сможете использовать полученное как заблагорассудится.
думаю, что не только для меня это актуально
и опять же тогда изначально нужно приходить с вопросом "помогите переписать правильно код" ) а потом уж адаптивпостараюсь как нибудь добрести
Отредактировано Enima (05.02.23 13:50)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатная техническая поддержка » Фон форума на мобильных и подгрузка шрифтов (MyBB.ru, CSS)
