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

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

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

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю

Вопросы по мобильному стилю

Страница:   1 … 7 8 9 10 11 12  

Сообщений 161 страница 180 из 228

161

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

toxygen
С Десктопа ссылок и не будет (Нун смотреть на ужатом окне или с мобильного)  Ну и ссылку на форум для теста

0

162

  • Автор: t3945
  • Заслуженный
  • Зарегистрирован: Пт, 21 Окт 2016
  • Сообщений: 117
  • Уважение: +15
  • Позитив: +39
  • Последний визит:
    Чт, 6 Июн 2019 12:22:21
Alex_63 написал(а):

toxygen
С Десктопа ссылок и не будет (Нун смотреть на ужатом окне или с мобильного)  Ну и ссылку на форум для теста

Действительно. Работает ок с телефона с одним "но"
Десктопная версия кривовата.
http://s0.uploads.ru/t/ZgtG6.png

Без скрипта оптимизация телефона работает как надо, мини версия форума. Как на ссылках выше от меня.

Ссыль на тестовый murmansktest.webtalk.ru
Спасибо за старания.

0

163

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

toxygen
Добавил выключение метатега viewport  - Пробуйте

<!-- Включение мобильной версии -->
<style type="text/css">#desktop-version,#mobile-version{display:none}</style>
<script type="text/javascript">
(function() {
    if($(window).width()>540) return;
    if(!$getCookie('is_mobile')) $('link[rel="stylesheet"][href*="/style/mobile"],meta[name="viewport"]').remove();
    $(document).ready(function() {
        var l = $('#mobile-version'), d = $('#desktop-version');
        if(!$getCookie('is_mobile')) {d.remove();l.show(); }else{ l.remove() ; d.show();}
        l.click(function(e) {e.preventDefault(); $setCookie('is_mobile','true',30*3600*24*30*1000); location.reload()});
        d.click(function(e) {e.preventDefault(); $deleteCookie('is_mobile'); location.reload()});
    });
})();
</script>

0

164

  • Автор: t3945
  • Заслуженный
  • Зарегистрирован: Пт, 21 Окт 2016
  • Сообщений: 117
  • Уважение: +15
  • Позитив: +39
  • Последний визит:
    Чт, 6 Июн 2019 12:22:21

Пока без изменений. Особенно жестко в темах самих.http://s5.uploads.ru/t/qUWSI.png

0

165

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

toxygen
:dontknow: Тады ни наю... Пробуйте отключать мобильный стиль в настройках и ставить ссылку в HTML верх
<link rel="stylesheet" type="text/css" href="http://forum4.ru/style/mobile.5.css" />

Как сделаете - отпишитесь

0

166

  • Автор: t3945
  • Заслуженный
  • Зарегистрирован: Пт, 21 Окт 2016
  • Сообщений: 117
  • Уважение: +15
  • Позитив: +39
  • Последний визит:
    Чт, 6 Июн 2019 12:22:21

Не, как только отключаю моб версию в админке, линки исчезают (тест в iPhone 6, если имеет значение, может он думает, что экран большой и это уже не телефон?)
Ну ок, придётся выбирать сторону пользователей, которые страдают больше. Счастье было очень близко.

0

167

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29
toxygen написал(а):

Не, как только отключаю моб версию в админке, линки исчезают

Да, наверно... (Ну тогда не наю, как править, чот нет идей больше

0

168

  • Автор: wersal
  • Заслуженный
  • wersal
  • Зарегистрирован: Чт, 17 Сен 2015
  • Сообщений: 99
  • Уважение: +37
  • Позитив: +28
  • Последний визит:
    Пт, 15 Июн 2018 19:17:58

Обнаружил такую нестыковку в мобильной версии. Что контейнеры видео не ужимаются, и пропадают за границей экрана, так как ширина фрема видео равна 480

В инспекторе кода можно менять на ширину 380 и высоту 186, тогда хорошо смотрится. Как это прописать в коде? Или скрипт потребуется?
Так как просто изменение размеров в файле ксс для селектора не работает, фрейм уже после файлов подгружается на страницу и переписывает размер.

Как сейчас
http://s6.uploads.ru/t/9o43y.png

Как нужно
http://s7.uploads.ru/t/xBjSW.png

0

169

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

wersal
Ссылку на пост с видео фреймом

0

170

  • Автор: wersal
  • Заслуженный
  • wersal
  • Зарегистрирован: Чт, 17 Сен 2015
  • Сообщений: 99
  • Уважение: +37
  • Позитив: +28
  • Последний визит:
    Пт, 15 Июн 2018 19:17:58
Alex_63 написал(а):

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

0

171

  • Автор: wersal
  • Заслуженный
  • wersal
  • Зарегистрирован: Чт, 17 Сен 2015
  • Сообщений: 99
  • Уважение: +37
  • Позитив: +28
  • Последний визит:
    Пт, 15 Июн 2018 19:17:58

Alex_63
Исправил вот таким способом

iframe {
    width: 330px!important;
    height: 186px!important;
}

Добавляя в файл мобильного стиля.
Но получается всё равно не универсально. В некоторых браузерах нормально отображается, а в некоторых никакого влияние на изменение ширины.

+1

172

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

wersal
Возможно поможет такая добавка:

.punbb .post-content iframe[allowfullscreen] {
    width: 330px!important;
    height: 186px!important;
}

0

173

  • Автор: wersal
  • Заслуженный
  • wersal
  • Зарегистрирован: Чт, 17 Сен 2015
  • Сообщений: 99
  • Уважение: +37
  • Позитив: +28
  • Последний визит:
    Пт, 15 Июн 2018 19:17:58

Alex_63
С центрированием изображений в мобильной версии, такая же нестыковка была, как и с видео контейнерами.
Исправлено через

.post .postimg {
  max-width:330px!important;
}

Но мне кажется, что эти правки, изменения очевидные и должны быть в мобильном файле от сервиса. Только в более правильном, универсальном варианте. Неплохо бы было не статичный вариант ширины, а что бы растягивалось полностью на ширину любого экрана.
Ведь далеко не каждый пользуется своим файлом мобильного стиля, да и далеко не каждый умеет.

Отредактировано wersal (Чт, 17 Ноя 2016 22:01:24)

0

174

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

wersal
По умолчанию картинки и так ужимаются по ширине экрана, если Вы не пропишете другие максимальные размеры в стилях.
А фреймы в постах разные бывают, не все из них надо ужимать. Да и со стандартным мобильным стилем вроде пока жалоб на это не было.

0

175

  • Автор: eleve
  • Заслуженный
  • Зарегистрирован: Чт, 4 Дек 2014
  • Сообщений: 28
  • Уважение: +3
  • Позитив: +14
  • Пол: Женский
  • Последний визит:
    Ср, 24 Апр 2024 20:31:20

И это снова я) С горем пополам сделала отдельные контайнеры:
http://image.prntscr.com/image/1f328ddfb81b4cbd84137bff71ea1c32.png и http://image.prntscr.com/image/8e03e25346604eedb805363f90a2a3d0.png
И всё вроде бы прекрасно срабатывает, но на некоторых телефонах (вне зависимости от операционной системы (андрой, айос) или величины экрана) контейнер форум/участники и пр не срабатывает.
В чём может быть ошибка? http://tut.rusff.ru/

0

176

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29

eleve
Ну первое что приходит в голову... - Увеличить значение красным в Первом Окне стилей

#pun-navlinks {
    margin: 0 !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    line-height: 32px !important;
    border: 0 !important;
    z-index: 9999;
    background-position: center -576px !important;
}

Если не поможет - нун выяснять зависимость трабла от используемого браузера

+1

177

  • Автор: eleve
  • Заслуженный
  • Зарегистрирован: Чт, 4 Дек 2014
  • Сообщений: 28
  • Уважение: +3
  • Позитив: +14
  • Пол: Женский
  • Последний визит:
    Ср, 24 Апр 2024 20:31:20
Alex_63 написал(а):

Увеличить значение красным в Первом Окне стилей

На сколько увеличить?)

0

178

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29
eleve написал(а):

На сколько увеличить?)

:glasses: Ну добавить еще 2-3 девятки... или пока не заработает :D  (Но не уверен, что поможет

0

179

  • Автор: eleve
  • Заслуженный
  • Зарегистрирован: Чт, 4 Дек 2014
  • Сообщений: 28
  • Уважение: +3
  • Позитив: +14
  • Пол: Женский
  • Последний визит:
    Ср, 24 Апр 2024 20:31:20
Alex_63 написал(а):

Ну добавить еще 2-3 девятки... или пока не заработает   (Но не уверен, что поможет

Не помогло) Зато выяснилось с чего оно-таки не работает. С сафари) В чём проблема так и осталось загадкой.

0

180

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 10722
  • Уважение: +7205
  • Позитив: +5267
  • Пол: Мужской
  • Последний визит:
    Вчера 23:54:29
eleve написал(а):

Зато выяснилось с чего оно-таки не работает. С сафари)

Ну в сафари много чего не работает.. Имхо проще всего забить, исправить скорее всего не удастся

0

Страница:   1 … 7 8 9 10 11 12  

Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю