Отображение форума на Андроиде нужно сжать.
Подскажите каким образом это сделать ?
Налазит вставленный в шапку лого на иконки-кнопки меню и не нажимаются из-за этого кнопки меню.
То есть новички не смогут не зарегистрироваться ну и так далее.
Сжать на Андроиде
Сообщений 1 страница 20 из 33
Поделиться1Пн, 18 Апр 2016 16:16:51
Поделиться2Пн, 18 Апр 2016 16:24:36
Viksper
Сделайте скриншот и ссылку на форум с проблемой
Поделиться3Пн, 18 Апр 2016 16:40:35
А как сделать скрин на Андроид ? Просто раньше не приходилось делать.
Отправил ссылку вам ЛС.
Отредактировано Viksper (Пн, 18 Апр 2016 16:43:53)
Поделиться4Пн, 18 Апр 2016 16:54:16
Viksper , Типично гугол помогает => http://mex.su/uKGYx
В принципе ссылки в теме не стесняйтесь постить, опять же дополнительная реклама, 2 могут помочь все знающие, но если хотите скрыть ссылку, = есть кнопка замочек в форме ответа и 99999 сообщений
Поделиться5Пн, 18 Апр 2016 17:03:41
Заходил по вашей ссылке. У меня 4. И нажимая две данные кнопки ничего не получается.
Еще. Когда делал анализ сайта - там тупо так и написали что идет накладка в шапке и написали адрес ссылки для решения- но я там вообще ничего не понял.
Поделиться6Пн, 18 Апр 2016 17:52:16
http://ipic.su/img/img7/fs/eeeeeeeeeeeeee.1460990821.png
Ссылка на рисунок (скрин)
Поделиться7Пн, 18 Апр 2016 21:03:51
Ссылка на рисунок (скрин)
Отлично!
Оки, - думаю... (Поскок нет андроида ищу эмулятор, чтобы понять в какую степь править ) - выложите в теме ссылку на форум, скрытую под кнопку замочек, возможно Alex_63 быстрее сможет помочь
Поделиться8Пн, 18 Апр 2016 21:36:28
Я снял новый логотип с шапки - и в версии Андроид уже можно зайти. И форум там сжался - но все одно шапка наплывает.
Поделиться9Пн, 18 Апр 2016 22:02:18
Viksper
Попробуйте поставить код в HTML верх: (Администрирование - Настройки - окно HTML верх )
<style type="text/css"> @media screen and (max-width: 730px) { #pun-title { display:none!important; } #pun-ulinks { display:block!important; top:-54px!important; } #pun{ margin-top:123px!important; } </style>
И нажать кнопку : Сохранить
Должно получиться что-то типо такого:
Поделиться10Пн, 18 Апр 2016 22:07:14
Я снял новый логотип с шапки - и в версии Андроид уже можно зайти.
Выложите картинку логотипа, попробуем вставить по иному
Поделиться11Пн, 18 Апр 2016 22:09:21
Есть скрипт переключения(по желанию) с мобильного стиля - на обычный с прокруткой
Кнопка опционального подключения/отключения мобильного стиля
Поделиться12Пн, 18 Апр 2016 22:44:08
Поставил кнопку. В общем нормально все.
Пишет при нажатии Только десктоп. И ни чего далее не происходит. Это на нетбуке.
На Андроиде жмешь на нее шапка появляется. Но сам форум сужается меньше шапки на %20 влево.
Когда входишь далее в форум - темы и т.д. - форум по ширине супер. Но в шапке можно часть шапки с чувачком двигать влево вправо.
Как игрушка ...
Поделиться13Пн, 18 Апр 2016 22:53:15
Viksper
Попробуйте поставить код в HTML верх: (Администрирование - Настройки - окно HTML верх )
Выделить код<style type="text/css">
@media screen and (max-width: 730px) {
#pun-title {
display:none!important;
}
#pun-ulinks {
display:block!important;
top:-54px!important;
}
#pun{
margin-top:123px!important;
}
</style>И нажать кнопку : Сохранить
Должно получиться что-то типо такого:Подпись автора
Поменял тот код на этот - и все теперь хорошо. Как вы и выложили скрин в цитате.
Но как теперь поставить лого ?
Поделиться14Пн, 18 Апр 2016 23:06:10
Вопрос в том что теперь на Нетбуке шапка зеленая, а в Андроиде синяя. А лого стоял слева в шапке и по высоте шапки посередке.
Поделиться15Пн, 18 Апр 2016 23:06:12
Viksper
Пробуйте заменить HTML верх на такой код:
<img id="Mylogo" src="http://ipic.su/img/img7/fs/cooltext177676896591879.1461009103.png" style="position:absolute;top:100px; left:16px;"> <style type="text/css"> @media screen and (max-width: 540px) { #pun-title { display:none!important; } #Mylogo { display:block!important; top:-54px!important; left:12px!important; width:70%; } #pun-ulinks { display:block!important; top:-54px!important; } #pun{ margin-top:123px!important; } </style>
Поделиться16Пн, 18 Апр 2016 23:18:37
Поправил цифру @media screen and (max-width: 540px) {
Засинхронизировал скрытие шапки с переходом кнопок на мобильный стиль
Поделиться17Пн, 18 Апр 2016 23:28:59
Viksper написал(а):
Вопрос в том что теперь на Нетбуке шапка зеленая, а в Андроиде синяя. А лого стоял слева в шапке и по высоте шапки посередке.
Верстка теперь зависит от ширины монитора, на мелких мониторах(мобилках) - шапку я скрыл
Можно увеличить цифруПодпись автора
Я подправил лефт и топ - увеличил. И поставил как мне нравится.
Смотрел на Андроиде - так же все суппер.
Большое вам спасибо.
Вы великий mybb-воин.
Поделиться18Пн, 18 Апр 2016 23:32:25
Поправил цифру @media screen and (max-width: 540px) {
Засинхронизировал скрытие шапки с переходом кнопок на мобильный стильПодпись автора
А тут вот не понял. Нету в коде который я поставил такого что б исправить..
Как это сделать можно ? Как поставить ?
Поделиться19Пн, 18 Апр 2016 23:49:52
А тут вот не понял. Нету в коде который я поставил такого что б исправить..Как это сделать можно ? Как поставить ?
Замените код на код в сообщении №15 - я его поправил
Поделиться20Вт, 19 Апр 2016 06:20:32
Ок. Поправил. По моему все хорошо. Спасибо.
Но возник по ходу еще вопрос - если я после первого поста в теме поставлю баннер шириной скажем 990, то как он будет отображаться в Андроиде ?
Или есть какой то универс.код для того что бы этот баннер как бы становился под размер экрана любого ноута, нетбука, компа или андроида ?