Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Похожие темыавтор Феникс Сегодня в 15:35
» Показать пароль (все версии)
автор Феникс Сегодня в 11:23
» Переключение профиля влево-вправо
автор Феникс Январь 15th 2021, 21:43
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Феникс Январь 15th 2021, 20:19
» Текст форума съехал за рамки самого форума
автор Феникс Январь 14th 2021, 14:36
» Полосы на главной странице
автор AVL Январь 10th 2021, 12:28
» Скорость загрузки сайта
автор Лилэя Январь 10th 2021, 11:39
» Требуется использовать в шаблоне значение полей
автор Феникс Январь 10th 2021, 10:37
» Проблема с входом на форум
автор https://https-festasport. Январь 9th 2021, 12:23
» Вопросы по теме "Новогодние украшения для форумов"
автор лисенок Январь 6th 2021, 16:46
Методы решения конфликтов скриптов/кодов в мобильной версии
Страница 1 из 1
Методы решения конфликтов скриптов/кодов в мобильной версии
Давно собирался написать эту тему, но никак не доходили руки. 
Некоторые стили в каскадной таблице CSS отображаются и в мобильной версии, что иногда делает навигацию неудобной и портит дизайн сайта.
Чтобы основные стили не отображались в мобильной версии, достаточно конфликтный стиль прописать в нужном шаблоне веб-версии сайта. Самым первым конфликтом я заметил, что стиль "красивого оформления блока цитаты" не правильно отобразился в мобильной версии. Проблема лечится следующим образом :
удалите стиль цитаты из таблицы CSS и поместите его в шаблон viewtopic_body, заключив в теги
только то, что конфликтует - шаблоны тоже не резиновые. 
Далее я обратил внимание на кнопку "Очистить" - в мобильной версии она отображалась дважды, хотя там она ни разу не нужна.
Ну это при условии, что установлен мобильный шаблон viewtopic_body, что я выкладывал раньше - у него немножко больше возможностей, чем у шаблона по умолчанию.. Чуть позже заметил, что спойлер не открывается в мобильной версии. Методом проб и ошибок выяснилось, что мешает скрипт "плавное открытие спойлера". Проблему решил аналогичным методом - код разместил в том же шаблоне, заключив в теги
Таким образом можно избавиться от подобных конфликтов скриптов/кодов с мобильной версией.
Чтобы не путаться, стили размещайте вверху шаблонов, скрипты внизу.

Некоторые стили в каскадной таблице CSS отображаются и в мобильной версии, что иногда делает навигацию неудобной и портит дизайн сайта.
Чтобы основные стили не отображались в мобильной версии, достаточно конфликтный стиль прописать в нужном шаблоне веб-версии сайта. Самым первым конфликтом я заметил, что стиль "красивого оформления блока цитаты" не правильно отобразился в мобильной версии. Проблема лечится следующим образом :
удалите стиль цитаты из таблицы CSS и поместите его в шаблон viewtopic_body, заключив в теги
- Код:
<style type="text/css">
стиль цитаты или любого другого плагина
</style>


Далее я обратил внимание на кнопку "Очистить" - в мобильной версии она отображалась дважды, хотя там она ни разу не нужна.

- Код:
<script type="text/javascript">//<![CDATA[
скрипт
//]]> </script>
Таким образом можно избавиться от подобных конфликтов скриптов/кодов с мобильной версией.
Чтобы не путаться, стили размещайте вверху шаблонов, скрипты внизу.

• Где находится CSS? ПА > Оформление > Цвета > Каскадная таблица стилей CSS • Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки • Где искать JavaScript? ПА > Модули > HTML & JAVASCRIPT > Управление кодами Javascript • Где искать Виджеты? ПА > Модули > Портал & Виджеты > Виджеты форума |
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения