Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Форум для новичков » Сжать на Андроиде


Сжать на Андроиде

Сообщений 1 страница 20 из 33

1

Отображение форума на Андроиде нужно сжать.
Подскажите каким образом это сделать ?
Налазит вставленный в шапку лого на иконки-кнопки меню и не нажимаются из-за этого кнопки меню.
То есть новички не смогут не зарегистрироваться ну и так далее.

0

2

Viksper
Сделайте скриншот и ссылку на форум с проблемой

0

3

А как сделать скрин на Андроид ? Просто раньше не приходилось делать.

Отправил ссылку вам ЛС.

Отредактировано Viksper (Пн, 18 Апр 2016 16:43:53)

0

4

Viksper , Типично гугол помогает => http://mex.su/uKGYx
В принципе ссылки в теме не стесняйтесь постить, опять же дополнительная реклама, 2 могут помочь все знающие, но если хотите скрыть ссылку, = есть кнопка замочек  в форме ответа и 99999 сообщений

0

5

Заходил по вашей ссылке. У меня 4. И нажимая две данные кнопки ничего не получается.
Еще. Когда делал анализ сайта - там тупо так и написали что идет накладка в шапке и написали адрес ссылки для решения- но я там вообще ничего не понял.

0

6

http://ipic.su/img/img7/fs/eeeeeeeeeeeeee.1460990821.png
Ссылка на рисунок (скрин)

+1

7

Viksper написал(а):

Ссылка на рисунок (скрин)

Отлично!
Оки, - думаю... (Поскок нет андроида ищу эмулятор, чтобы понять в какую степь править ) - выложите в теме ссылку на форум, скрытую под кнопку замочек, возможно Alex_63 быстрее сможет помочь

0

8

Я снял новый логотип с шапки - и в версии Андроид уже можно зайти. И форум там сжался - но все одно шапка наплывает.

0

9

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>

И нажать кнопку : Сохранить
Должно получиться что-то типо такого:
http://s0.uploads.ru/unKDv.jpg

0

10

Viksper написал(а):

Я снял новый логотип с шапки - и в версии Андроид уже можно зайти.

Выложите картинку логотипа, попробуем вставить по иному

0

11

Есть скрипт переключения(по желанию) с мобильного стиля - на обычный с прокруткой
Кнопка опционального подключения/отключения мобильного стиля

0

12

Поставил кнопку. В общем нормально все.
Пишет при нажатии Только десктоп. И ни чего далее не происходит. Это на нетбуке.

На Андроиде жмешь на нее шапка появляется. Но сам форум сужается меньше шапки на %20 влево.
Когда входишь далее в форум - темы и т.д. - форум по ширине супер. Но в шапке  o.O можно часть шапки с чувачком двигать влево вправо.
Как игрушка ... :D

0

13

Deff написал(а):

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>

И нажать кнопку : Сохранить
Должно получиться что-то типо такого:
http://s0.uploads.ru/unKDv.jpg

Подпись автора

Поменял тот код на этот - и все теперь хорошо. Как вы и выложили скрин в цитате.
Но как теперь поставить лого ?
http://ipic.su/img/img7/fs/cooltext177676896591879.1461009103.png

0

14

Вопрос в том что теперь на Нетбуке шапка зеленая, а в Андроиде синяя. А лого стоял слева в шапке и по высоте шапки посередке.

0

15

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>

+1

16

Поправил цифру     @media screen and (max-width: 540px) {
Засинхронизировал скрытие шапки с переходом кнопок на мобильный стиль
http://s5.uploads.ru/9RFX8.jpg

0

17

Deff написал(а):

Viksper написал(а):

    Вопрос в том что теперь на Нетбуке шапка зеленая, а в Андроиде синяя. А лого стоял слева в шапке и по высоте шапки посередке.

Верстка теперь зависит от ширины монитора, на мелких мониторах(мобилках) - шапку я скрыл
Можно увеличить цифру

Подпись автора

Я подправил лефт и топ - увеличил. И поставил как мне нравится.
Смотрел на Андроиде - так же все суппер.
Большое вам спасибо.
Вы великий mybb-воин. :cool:

0

18

Deff написал(а):

Поправил цифру     @media screen and (max-width: 540px) {
Засинхронизировал скрытие шапки с переходом кнопок на мобильный стиль
http://s5.uploads.ru/9RFX8.jpg

Подпись автора

А тут вот не понял. Нету в коде который я поставил такого что б исправить..
Как это сделать можно ? Как поставить ?

0

19

Viksper написал(а):

А тут вот не понял. Нету в коде который я поставил такого что б исправить..Как это сделать можно ? Как поставить ?

Замените код на код в сообщении №15 - я его поправил

0

20

Ок. Поправил. По моему все хорошо. Спасибо.
Но возник по ходу еще вопрос - если я после первого поста в теме поставлю баннер шириной скажем 990, то как он будет отображаться в Андроиде ?
Или есть какой то универс.код для того что бы этот баннер как бы становился под размер экрана любого ноута, нетбука, компа или андроида ?

0


Вы здесь » Единый форум поддержки » Форум для новичков » Сжать на Андроиде