Запрет/отключение показа рекламы на мобильных устройствах

Тема в разделе "HTML и Веб-Дизайн", создана пользователем ROFI, 8 Июнь 2018.

Реклама
  1. ROFI

    ROFI Профессионал

    Сообщения:
    101
    Симпатии:
    16
    Пол:
    Мужской
    Как отключить, скрыть или запретить показывать рекламу на мобильных устройствах?

    Необходимо прописать в CSS-файле:

    HTML:
    @media only screen and (max-width: 840px) { #ad-no-mobile {display:none;} }
    Затем закрываем текст, баннер или изображение:

    HTML:
    <div id="ad-no-mobile">
    Здесь текст или изображение.
    </div>

    Способ для XenForo:

    В EXTRA.css:

    HTML:
    <xen:if is="@enableResponsive">
    @media (max-width:1120px)
    {
       .Banner
       {
           display: none;
       }
    }
    </xen:if>

    В нужный шаблон:

    HTML:
    <div class="Banner">
    Здесь текст, реклама или изображение.
    </div>

    Еще способы:

    Как показать контент только на мобильных устройствах или как спрятать контент для мобильных устройств.

    Как показать:

    Чтобы добавить на страницу текст или изображение только для пользователей мобильных устройств, вставьте следующий код внутри тэга-контейнера <body> в том месте, где этот контент должен отображаться

    HTML:
    <div>
    Здесь текст или изображение.
    </div>
    Для тэга <div> ниже прописан CSS-класс show-on-mobile. Все свойства этого класса пишутся в отдельном коде и добавляется перед </head> или в отдельный CSS-файл (во втором случае нужно использовать код без контейнера <style type="text/css>...</style>)

    HTML:
    <style type="text/css">
    .show-on-mobile { display: none; }
    /* Smartphone Portrait and Landscape */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ .show-on-mobile { display: inline; }}
    </style>
    Как скрыть:

    Чтобы спрятать определенный контент от пользователей мобильной версии страницы, вам нужно добавить в нужном месте контейнера <body> код, похожий на предыдущий:

    HTML:
    <div>
    Здесь текст или изображение.
    </div>
    Затем необходимо прописать стили CSS в контейнере <head> или в отдельном CSS-файле (без контейнера <style>):

    HTML:
    <style type="text/css">
    .hide-on-mobile { display: inline; }
    /* Smartphone Portrait and Landscape */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ .hide-on-mobile { display: none; }}
    </style>
     

    Понравился пост? Поделись с друзьями!

    Последнее редактирование модератором: 23 Октябрь 2018
    HyipInvest.net нравится это.
Реклама
Похожие темы:
  1. Crypto News
    Ответов:
    0
    Просмотров:
    816
  2. CoinProject.info
    Ответов:
    0
    Просмотров:
    556
  3. CoinProject.info
    Ответов:
    0
    Просмотров:
    1,036
  4. CoinProject.info
    Ответов:
    0
    Просмотров:
    745
  5. CoinProject.info
    Ответов:
    0
    Просмотров:
    95
Загрузка...