Jump to content

Скрыть контент для мобильных и планшетов

Featured Replies

Posted

Где-то на форуме видел код, который позволяет скрыть контент, когда форум просматривают на мобильных телефонах и планшетах.

Вот только перерыл уже практически весь форум, не могу найти… :(

  • Author
  On 17.02.2016 at 11:04, Respected said:

Какой конкретно контент нужно скрыть?

Нужно скрыть, или наоборот — показать текст, рекламу от Яши и Гоши.

Для рекламы — желательно показывать разные объявления для показа на компьютере и мобильном с планшетом.

Как-то так.

  • 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>

 

  • Author

Ага, большое спасибо! Скрою этим кодом не нужное.

Еще бы найти код или мод (плагин) для раздельного показа.

Короче, покопался и понял, что если уж сильно прижмет, нужно копать в сторону правил @media

А чем классы .ipsResponsive_hidePhone, .ipsResponsive_hideTablet и .ipsResponsive_hideDesktop, а так же .ipsResponsive_showPhone, .ipsResponsive_showTablet и ipsResponsive_showDesktop не подходят? Всё то же самое, но используя фреймворк IPS.

  On 17.02.2016 at 15:46, chatka said:

Ага, то есть нужно вот так:

<div class=".ipsResponsive_hidePhone">Текст</div>

И так далее...

Правильно?

В html точки не пишутся перед названием класса.

Они пишутся в CSS при задании стилей для класса.

Т.е:

<div class="ipsResponsive_hidePhone">Текст</div>

 

  • 2 years later...

А можно как нить сочетать 2 класса!?
К примеру я хочу чтобы блок небыл виден с ПК и с телефона (тоесть виден тока на планшете!?
Как правильно класс прописать!?)

Не правильно?

<div class="ipsResponsive_hidePhone.ipsResponsive_hideDesktop">Текст</div>

Просто у меня стоит уже вывод информации (2 блока):
1. Показывать только на ПК
2. Показывать только на мобилке

Хочу сделать еще блок "Только на планшетах" чтобы он не пересекался с блоком телефона...

  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

 

  On 16.10.2018 at 13:07, WOLF said:

все намного проще:

http://htmlbook.ru/css/value/media

 

Простите но я не силен в том что вы скинули)))
Просто у меня в блоке виджета стоит уже:
1. Вывод инфы, чтобы показывало только на ПК
2. Вывод инфы, чтобы показывало только на мобиле

Пытаюсь сделать вывод на планшете, но он у меня в мобверсии показывает блок с информацией планшета...

  On 16.10.2018 at 13:09, SkiFteL said:

Простите но я не силен в том что вы скинули)))
Просто у меня в блоке виджета стоит уже:
1. Вывод инфы, чтобы показывало только на ПК
2. Вывод инфы, чтобы показывало только на мобиле

Пытаюсь сделать вывод на планшете, но он у меня в мобверсии показывает блок с информацией планшета...

причем тут силен или нет, ты для начала прочти все что там написано, а не бегло глазами пробеги.

у планшетов +\- своя ширина экрана ее и задаешь через медиа, прописав класс в css 

  • 7 месяцев спустя...

Подниму тему. Через css удобно скрывать, но если это тяжёлый контент, то он только скрывается, но всё равно загружается. Можно в шаблоне условие сделать, что если это мобильная версия (или ширина экрана меньше определенной величины), то не загружать блок?

  On 25.05.2019 at 11:42, siv1987 said:

В шаблоне можно только по юзерагенту. Ширина экрана там не доступна.

Нашёл решение.

Может кому понадобится:

Если ширина больше 900 пикселей то выводится код.

<script>
if(window.screen.width > 900) {
    document.write("код");
                               }
</script>

 

  • 2 years later...

Тема устарела но все же!
Как вывести определенный код при помощи данных функций, только на главной странице сайта и на ПК?
Это понятно: Я спрятал для мобильных устройств. А как быть с выводом только на главной странице сайта? Или скрыть на определённых страницах...

<div class="ipsResponsive_hidePhone">Текст</div>

Edited by SkiFteL

  On 28.03.2022 at 18:25, SkiFteL said:

Тема устарела но все же!
Как вывести определенный код при помощи данных функций, только на главной странице сайта и на ПК?
Это понятно: Я спрятал для мобильных устройств. А как быть с выводом только на главной странице сайта? Или скрыть на определённых страницах...

<div class="ipsResponsive_hidePhone">Текст</div>

либо я понял что ты ответил же на свой вопрос сам. либо я вообще ничего не понял. 🙄

  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.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.