Как скрыть рекламный блок div на сайте

Простая задача: скрыть рекламные баннеры на часто посещаемых сайтах. У баннера известен id или класс. Есть плагины, которые блокируют рекламу, но не совсем так, как хотелось бы. Мне нужен лёгкий плагин для фильтрации сайта по определённому правилу. Не важно, откуда грузится баннер, флэш это или видео, и куда он ведёт (именно на основе этих данных работают все блокировщики рекламы). Мне нужно просто спрятать заданный div.

Решение пришло с неожиданной стороны: плагин для Фаерфокса под названием Stylish (и для Хрома есть такой же) позволяет написать (переопределить) стили для заданного сайта. Например, мы знаем, что нежелательные баннеры подгружаются через iframe. Находясь на заданном сайте, кликаем по иконке Stylish в панели инструментов, затем Создать новый стиль — Для текущего URL. Пишем код CSS внутри фигурных скобок, и готово: баннеры скрыты.

Выпадающие менюВыпадающие меню
Свои стили для сайта site.comСвои стили для сайта site.com

Как скрыть полосатый фон у сайта newsru.com

Этот фон режет глаза при скроллинге. Посмотрите, какая красота получается, если отключить фоновое изображение:

ДО и ПОСЛЕДО и ПОСЛЕ

А вот так это делается:

Свойство !important нужно для гарантированного изменения стиляСвойство !important нужно для гарантированного изменения стиля

Понять, что именно нужно отключить, помогут «Средства разработчика» в любом браузере. Правой кнопочкой на элементе, в выпадающем меню «Исследовать элемент» или как-то так. А для Фаерфокса есть удобный плагин Firebug. На вопросы по CSS легко найти ответы в Яндексе. Примеры запросов: «CSS скрыть блок» или «CSS изменить цвет фона».

7 октября 2015CSSбаннерреклама

Ваш комментарий

comments powered by HyperComments

Следующая заметка

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2015