Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника

Продолжим тему монетизации, но не забывая о Usability…

…как помните из предыдущей статьи — добавление на сайт блоков рекламы Google AdSense и Яндекс — рекламный код у нас завёрнут в id-класс adsens — он нам и пригодится, реализуя сегодняшнюю задачу.

Но к рабочему id классу потребуется добавить ещё одно свойство, соорудив коротенький примерчик, в котором и обыграем нашу мечту свойством-значением display:none

Принципиально это обыграно так:

…применяются некоторые медиа-запросы css3...

Так и в нашем случае помогут примеры с правилом @media, после которого назначено определённое условие для типов (screen) носителей: логические операторы и медиа-функции. Читать и разбираться далее...

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника Продолжим тему монетизации, но не забывая о Usability… …как помните из предыдущей статьи — добавление на сайт блоков рекламы Google AdSense и Яндекс — рекламный код у нас завёрнут в id-класс adsens — он нам и пригодится, реализуя сегодняшнюю задачу Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/prakticheski-i-obo-vsyom-/10487135/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника </a> <div class="insert-intro" style="font-family:trebuchet MS;">  Продолжим тему монетизации, но не забывая о Usability… …как помните из предыдущей статьи — добавление на сайт блоков рекламы Google AdSense и Яндекс — рекламный код у нас завёрнут в id-класс adsens — он нам и пригодится, реализуя  сегодняшнюю задачу </div> </div> Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/prakticheski-i-obo-vsyom-/10487135/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника</a> <div style="font-family:trebuchet MS;"> Продолжим тему монетизации, но не забывая о Usability… …как помните из предыдущей статьи — добавление на сайт блоков рекламы Google AdSense и Яндекс — рекламный код у нас завёрнут в id-класс adsens — он нам и пригодится, реализуя сегодняшнюю задачу </div> </div>

MyAts

21.11.2015

В избранное Пожаловаться Просмотров: 230

Комментарии ⁰

Практически и обо всём в IT сфере 20877

Активные участники:

Последние откомментированные темы:

Как скрыть элементы блока рекламы или видеоролика на мелком экране мобильника

Комментарии временно отключены

Открытая группа
973 участника