Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Июль 14th 2024, 09:47
» На форуме Пропали кнопки модерации тем
автор лексей2222 Июль 1st 2024, 20:26
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
Методы решения конфликтов скриптов/кодов в мобильной версии
Страница 1 из 1
Методы решения конфликтов скриптов/кодов в мобильной версии
Давно собирался написать эту тему, но никак не доходили руки. ![smile](/users/1814/20/07/54/smiles/75998.gif)
Некоторые стили в каскадной таблице CSS отображаются и в мобильной версии, что иногда делает навигацию неудобной и портит дизайн сайта.
Чтобы основные стили не отображались в мобильной версии, достаточно конфликтный стиль прописать в нужном шаблоне веб-версии сайта. Самым первым конфликтом я заметил, что стиль "красивого оформления блока цитаты" не правильно отобразился в мобильной версии. Проблема лечится следующим образом :
удалите стиль цитаты из таблицы CSS и поместите его в шаблон viewtopic_body, заключив в теги
только то, что конфликтует - шаблоны тоже не резиновые. ![smile](/users/1814/20/07/54/smiles/75998.gif)
Далее я обратил внимание на кнопку "Очистить" - в мобильной версии она отображалась дважды, хотя там она ни разу не нужна.
Ну это при условии, что установлен мобильный шаблон viewtopic_body, что я выкладывал раньше - у него немножко больше возможностей, чем у шаблона по умолчанию.. Чуть позже заметил, что спойлер не открывается в мобильной версии. Методом проб и ошибок выяснилось, что мешает скрипт "плавное открытие спойлера". Проблему решил аналогичным методом - код разместил в том же шаблоне, заключив в теги
Таким образом можно избавиться от подобных конфликтов скриптов/кодов с мобильной версией.
Чтобы не путаться, стили размещайте вверху шаблонов, скрипты внизу.
![smile](/users/1814/20/07/54/smiles/75998.gif)
Некоторые стили в каскадной таблице CSS отображаются и в мобильной версии, что иногда делает навигацию неудобной и портит дизайн сайта.
Чтобы основные стили не отображались в мобильной версии, достаточно конфликтный стиль прописать в нужном шаблоне веб-версии сайта. Самым первым конфликтом я заметил, что стиль "красивого оформления блока цитаты" не правильно отобразился в мобильной версии. Проблема лечится следующим образом :
удалите стиль цитаты из таблицы CSS и поместите его в шаблон viewtopic_body, заключив в теги
- Код:
<style type="text/css">
стиль цитаты или любого другого плагина
</style>
![biggrin](/users/1814/20/07/54/smiles/247509.gif)
![smile](/users/1814/20/07/54/smiles/75998.gif)
Далее я обратил внимание на кнопку "Очистить" - в мобильной версии она отображалась дважды, хотя там она ни разу не нужна.
![smile](/users/1814/20/07/54/smiles/75998.gif)
- Код:
<script type="text/javascript">//<![CDATA[
скрипт
//]]> </script>
Таким образом можно избавиться от подобных конфликтов скриптов/кодов с мобильной версией.
Чтобы не путаться, стили размещайте вверху шаблонов, скрипты внизу.
![-](https://illiweb.com/empty.gif)
» Вопрос насчёт скриптов и кодов
» Картинки в мобильной версии.
» Картинки в мобильной версии
» Дизайн мобильной версии
» Цитата в мобильной версии
» Картинки в мобильной версии.
» Картинки в мобильной версии
» Дизайн мобильной версии
» Цитата в мобильной версии
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения