Alex_63
Хорошо, спасибо, так и поступлю)
Вопросы по мобильному стилю
Сообщений 181 страница 200 из 228
Поделиться181Пт, 25 Ноя 2016 22:26:33
Поделиться182Пт, 26 Июл 2019 10:14:17
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
позвольте апнуть тему.
на моём форуме отключен стандартный мобильный дизайн, но подключён свой через "@media screen and (max-width: 960px)" и viewport. т.е. если я захожу с мобильного устройства, автоматом грузится дизайн для маленьких экранов.
некоторые пользователи изъявили желание иметь возможность с мобильных устройств просматривать полную версию форума. попытался прикрутить скрипты из этой темы, но что-то идёт не так. не могли бы вы вразумить меня, как это попроще сделать?
Поделиться183Пт, 26 Июл 2019 11:31:19
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51421
- Уважение: +15369
- Позитив: +11878
- Последний визит:
Сегодня 09:26:42
kael'thas
Скрипты от пользователей 3
Поделиться184Пт, 26 Июл 2019 11:55:35
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
Deff
большое спасибо. что-то сам не нашёл.
Поделиться185Пт, 26 Июл 2019 12:02:20
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
хм, только под мои нужды этот скрипт, кажется, не подходит.
грубо говоря я хочу, чтобы для экранов < скольки-то пикселей в ширину у меня была кнопка переключения дизайнов.
Поделиться186Пт, 26 Июл 2019 13:24:58
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
kael'thas
Правило @media для мобильного стиля у Вас прописано в Своем стиле или в отдельном файле в HTML верх?
Во втором случае можно изменить одну строчку в предложенном скрипте Deff'а, чтобы вместо стандартного мобильного стиля включался/отключался Ваш.
Поделиться187Пт, 26 Июл 2019 13:30:00
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
Alex_63
пока в своём стиле.
я правильно понимаю. что менять надо:
Код:
if(typeof changExtra!="undefined")oldExtra = $('<link rel="stylesheet" type="text/css" href="http://st0.bbcorp.ru/style/extra.'+changExtra+'.css" disabled/>');?
Поделиться188Пт, 26 Июл 2019 13:38:58
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
kael'thas написал(а):
пока в своём стиле.
В таком случае, вынесите в HTML верх отдельным файлом (загруженным в Администрирование - Файлы)
kael'thas написал(а):
я правильно понимаю. что менять надо:
Почти, но не то) Следующая строчка, а эта отвечает за версию extra.css
В принципе можно скрипт и не изменять, а добавить перед ним ещё один, обеспечивающий совместимость (при этом ссылка <link /> на Ваш мобильный стиль должна стоять выше этих скриптов)
Поделиться189Пт, 26 Июл 2019 13:44:13
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
kael'thas
Должно получиться как-то так (код, выделенный красным, Вам нужно будет добавить)
<link type="text/css" rel="stylesheet" href="https://forumstatic.ru/files/0013/61/e9/95423.css#/mobile.css" />
<script type="text/javascript">
if (!$('head link[rel="stylesheet"][href*="/mobile."]').length) $('link:last').appendTo('head');
</script><!-- Тут будет стоять скрипт переключения от Deff -->
Ссылка на файл стиля должна обязательно содержать в конце #/mobile.css
Поделиться190Пт, 26 Июл 2019 13:51:31
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
Alex_63
кажется, я всё-таки что-то не то делаю...
я вынес свой мобильный стиль в отдельный файл. десктоп стиль оставил в "своём стиле".
но теперь с мобильных устройств стили переключаются между моим мобильным и мобильным от сервиса, а не моим мобильным и не мобильным.
Поделиться191Пт, 26 Июл 2019 14:11:41
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
kael'thas
Ну так у Вас мобильный стиль и от сервиса включен) Отключите
Поделиться192Пт, 26 Июл 2019 14:19:32
- Заслуженный
- Зарегистрирован: Чт, 5 Май 2016
- Сообщений: 71
- Уважение: +11
- Позитив: +62
- Последний визит:
Вс, 25 Фев 2024 23:07:47
Alex_63
ооо, спасибо вам огромное. идеально вышло.
Поделиться193Пт, 26 Июл 2019 14:25:42
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
kael'thas
Можно еще кнопку скрыть при ширине экрана > 960px, прописав ещё одно правило @media для такой ширины в том же файле или где угодно)
Поделиться194Вс, 18 Авг 2019 20:07:37
- Заслуженный
- Зарегистрирован: Пт, 22 Дек 2017
- Сообщений: 228
- Уважение: +69
- Позитив: +104
- Последний визит:
Сб, 8 Июн 2024 23:43:43
Скажите, пожалуйста, где можно отредактировать мобильный стиль, который выглядит криво из-за наличия собственного дизайна? Где посмотреть код в браузере, знаю, но где редактировать сами коды, в каком разделе панели администрирования? Знаю, что редактировать коды дизайна можно только в 2-х полях «Своего стиля», HTML-верх, них и ответ. В каком из этих полей редактировать коды мобильного стиля? Приложение с dekstop не подходит, так как на русффе грузится неравномерно.
Поделиться195Вс, 18 Авг 2019 20:21:09
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
Shephard
Можно, к примеру, дописать правки (подогнав в инспекторе, чтобы стиль стал отображаться корректно) для экранов менее 540px (@media (max-width: 540px)), залить отдельным файлом и подгрузить в стилях через @import или в HTML верх тегом <link /> (оставив при этом стандартный мобильный стиль)
Поделиться196Вс, 18 Авг 2019 20:57:52
- Заслуженный
- Зарегистрирован: Пт, 22 Дек 2017
- Сообщений: 228
- Уважение: +69
- Позитив: +104
- Последний визит:
Сб, 8 Июн 2024 23:43:43
Alex_63 написал(а):
Shephard
Можно, к примеру, дописать правки (подогнав в инспекторе, чтобы стиль стал отображаться корректно) для экранов менее 540px (@media (max-width: 540px)), залить отдельным файлом и подгрузить в стилях через @import или в HTML верх тегом <link /> (оставив при этом стандартный мобильный стиль)
Видимо, это слишком сложно для меня... 
А где можно прочитать про эти подгрузки и т.д.?
Отредактировано Shephard (Вс, 18 Авг 2019 20:58:22)
Поделиться197Вс, 18 Авг 2019 21:02:45
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
Shephard
В инспекторе есть режим эмуляции мобильных устройств (скриншот), можно в нём подогнать отображение стиля на мобильных, потом обернуть свои добавленные правила в @media (max-width: 540px) {...} и залить отдельным файлом
Поделиться198Вс, 18 Авг 2019 21:48:52
- Заслуженный
- Зарегистрирован: Пт, 22 Дек 2017
- Сообщений: 228
- Уважение: +69
- Позитив: +104
- Последний визит:
Сб, 8 Июн 2024 23:43:43
Alex_63 написал(а):
Shephard
В инспекторе есть режим эмуляции мобильных устройств (скриншот), можно в нём подогнать отображение стиля на мобильных, потом обернуть свои добавленные правила в @media (max-width: 540px) {...} и залить отдельным файлом
Хорошо, спасибо.
Поделиться199Вс, 18 Авг 2019 21:55:19
- Заслуженный
- Зарегистрирован: Пт, 22 Дек 2017
- Сообщений: 228
- Уважение: +69
- Позитив: +104
- Последний визит:
Сб, 8 Июн 2024 23:43:43
Alex_63 написал(а):
Shephard
В инспекторе есть режим эмуляции мобильных устройств (скриншот), можно в нём подогнать отображение стиля на мобильных, потом обернуть свои добавленные правила в @media (max-width: 540px) {...} и залить отдельным файлом
Насколько я понимаю, мои отдельные правила я вставляю в фигурные скобки?
Поделиться200Пн, 19 Авг 2019 15:19:38
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11208
- Уважение: +7615
- Позитив: +5460
- Пол: Мужской
- Последний визит:
Вчера 10:28:59
Shephard написал(а):
Насколько я понимаю, мои отдельные правила я вставляю в фигурные скобки?
Да, именно так, по примеру стандартного мобильного стиля http://forumfiles.ru/style/mobile.6.css