Posted 17 февраля, 20168 yr Где-то на форуме видел код, который позволяет скрыть контент, когда форум просматривают на мобильных телефонах и планшетах. Вот только перерыл уже практически весь форум, не могу найти…
17 февраля, 20168 yr On 17.02.2016 at 11:04, Respected said: Какой конкретно контент нужно скрыть? на Мафии кнопка "Вверх" на телефоне не отображается. Как скрыть?
17 февраля, 20168 yr Author On 17.02.2016 at 11:04, Respected said: Какой конкретно контент нужно скрыть? Нужно скрыть, или наоборот — показать текст, рекламу от Яши и Гоши. Для рекламы — желательно показывать разные объявления для показа на компьютере и мобильном с планшетом. Как-то так.
17 февраля, 20168 yr On 17.02.2016 at 11:10, Respected said: @media screen and (max-width: 767px) { .class {display:none} } Спасибо большое!
17 февраля, 20168 yr Author On 17.02.2016 at 11:23, Respected said: Можно адаптивный блок рекламы поставить. Да. Гугл в этом плане молодец, а вот Яндекс еще не дорос, к сожалению. И у последнего хочется уменьшить количество объявлений для мобильных. Но нужно еще и скрыть некоторые объявления для форумов. Использую, в том числе: <div class="ipsMessage ipsMessage_info">Текст</div> <div class="ipsMessage ipsMessage_error">Текст</div> <div class="ipsMessage ipsMessage_warning">Текст</div> <div class="ipsMessage ipsMessage_success">Текст</div>
17 февраля, 20168 yr Author Ага, большое спасибо! Скрою этим кодом не нужное. Еще бы найти код или мод (плагин) для раздельного показа. Короче, покопался и понял, что если уж сильно прижмет, нужно копать в сторону правил @media
17 февраля, 20168 yr А чем классы .ipsResponsive_hidePhone, .ipsResponsive_hideTablet и .ipsResponsive_hideDesktop, а так же .ipsResponsive_showPhone, .ipsResponsive_showTablet и ipsResponsive_showDesktop не подходят? Всё то же самое, но используя фреймворк IPS.
17 февраля, 20168 yr Author Ага, то есть нужно вот так: <div class=".ipsResponsive_hidePhone">Текст</div> И так далее... Правильно?
17 февраля, 20168 yr On 17.02.2016 at 15:46, chatka said: Ага, то есть нужно вот так: <div class=".ipsResponsive_hidePhone">Текст</div> И так далее... Правильно? В html точки не пишутся перед названием класса. Они пишутся в CSS при задании стилей для класса. Т.е: <div class="ipsResponsive_hidePhone">Текст</div>
16 октября, 20186 yr А можно как нить сочетать 2 класса!? К примеру я хочу чтобы блок небыл виден с ПК и с телефона (тоесть виден тока на планшете!? Как правильно класс прописать!?) Не правильно? <div class="ipsResponsive_hidePhone.ipsResponsive_hideDesktop">Текст</div> Просто у меня стоит уже вывод информации (2 блока): 1. Показывать только на ПК 2. Показывать только на мобилке Хочу сделать еще блок "Только на планшетах" чтобы он не пересекался с блоком телефона...
16 октября, 20186 yr On 16.10.2018 at 13:01, SkiFteL said: А можно как нить сочетать 2 класса!? К примеру я хочу чтобы блок небыл виден с ПК и с телефона (тоесть виден тока на планшете!? Как правильно класс прописать!?) Не правильно? <div class="ipsResponsive_hidePhone.ipsResponsive_hideDesktop">Текст</div> Просто у меня стоит уже вывод информации (2 блока): 1. Показывать только на ПК 2. Показывать только на мобилке Хочу сделать еще блок "Только на планшетах" чтобы он не пересекался с блоком телефона... все намного проще: http://htmlbook.ru/css/value/media
16 октября, 20186 yr On 16.10.2018 at 13:07, WOLF said: все намного проще: http://htmlbook.ru/css/value/media Простите но я не силен в том что вы скинули))) Просто у меня в блоке виджета стоит уже: 1. Вывод инфы, чтобы показывало только на ПК 2. Вывод инфы, чтобы показывало только на мобиле Пытаюсь сделать вывод на планшете, но он у меня в мобверсии показывает блок с информацией планшета...
16 октября, 20186 yr On 16.10.2018 at 13:09, SkiFteL said: Простите но я не силен в том что вы скинули))) Просто у меня в блоке виджета стоит уже: 1. Вывод инфы, чтобы показывало только на ПК 2. Вывод инфы, чтобы показывало только на мобиле Пытаюсь сделать вывод на планшете, но он у меня в мобверсии показывает блок с информацией планшета... причем тут силен или нет, ты для начала прочти все что там написано, а не бегло глазами пробеги. у планшетов +\- своя ширина экрана ее и задаешь через медиа, прописав класс в css
24 мая, 20195 yr Подниму тему. Через css удобно скрывать, но если это тяжёлый контент, то он только скрывается, но всё равно загружается. Можно в шаблоне условие сделать, что если это мобильная версия (или ширина экрана меньше определенной величины), то не загружать блок?
25 мая, 20195 yr On 25.05.2019 at 11:42, siv1987 said: В шаблоне можно только по юзерагенту. Ширина экрана там не доступна. Нашёл решение. Может кому понадобится: Если ширина больше 900 пикселей то выводится код. <script> if(window.screen.width > 900) { document.write("код"); } </script>
28 марта, 20222 yr Тема устарела но все же! Как вывести определенный код при помощи данных функций, только на главной странице сайта и на ПК? Это понятно: Я спрятал для мобильных устройств. А как быть с выводом только на главной странице сайта? Или скрыть на определённых страницах... <div class="ipsResponsive_hidePhone">Текст</div> Edited 28 марта, 20222 yr by SkiFteL
28 марта, 20222 yr On 28.03.2022 at 18:25, SkiFteL said: Тема устарела но все же! Как вывести определенный код при помощи данных функций, только на главной странице сайта и на ПК? Это понятно: Я спрятал для мобильных устройств. А как быть с выводом только на главной странице сайта? Или скрыть на определённых страницах... <div class="ipsResponsive_hidePhone">Текст</div> либо я понял что ты ответил же на свой вопрос сам. либо я вообще ничего не понял. 🙄
28 марта, 20222 yr On 28.03.2022 at 19:06, SlawkA said: либо я понял что ты ответил же на свой вопрос сам. либо я вообще ничего не понял. 🙄 ipsResponsive_hidePhone - это скрывает на моб.устройствах А мне надо чтобы блок показывался только на главной странице!... Или же показывался на определенных страницах Есть ли такой код?
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.