Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Методы решения конфликтов скриптов/кодов в мобильной версии

Предыдущая тема Следующая тема Перейти вниз

Методы решения конфликтов скриптов/кодов в мобильной версии

Сообщение автор Феникс в Вс 1 Янв - 17:05

Давно собирался написать эту тему, но никак не доходили руки. smile

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

Далее я обратил внимание на кнопку "Очистить" - в мобильной версии она отображалась дважды, хотя там она ни разу не нужна. smile Ну это при условии, что установлен мобильный шаблон viewtopic_body, что я выкладывал раньше - у него немножко больше возможностей, чем у шаблона по умолчанию.. Чуть позже заметил, что спойлер не открывается в мобильной версии. Методом проб и ошибок выяснилось, что мешает скрипт "плавное открытие спойлера". Проблему решил аналогичным методом - код разместил в том же шаблоне, заключив в теги
Код:
<script type="text/javascript">//<![CDATA[
скрипт
//]]> </script>

Таким образом можно избавиться от подобных конфликтов скриптов/кодов с мобильной версией.
Чтобы не путаться, стили размещайте вверху шаблонов, скрипты внизу.



• Где находится CSS?
ПА > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

• Где искать Виджеты?
ПА > Модули >  Портал & Виджеты > Виджеты форума
avatar
Феникс
Помощник
Помощник

Мужчина

Сообщения : 728
Возраст : 45
Регистрация : 2015-10-29
Благодарности : 159

Без предупреждений

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения