Убираем рекламу с часто посещаемых сайтов в Google Chrome на примере Gmail

воскресенье, 27 марта 2011 г.

Код статьи обновлен для корректной работы в новом интерфейсе Gmail.

Очень раздражала реклама в Gmail. Особенно полоска на всю ширину и высотой пикселов в 150 сверху - для Gmail for domains (в моем случае это была почта на tut.by). Предлагается решение данного вопроса за 5 минут для браузера Google Chrome.

Как убрать рекламу? Да просто скрыть ее с помощью CSS для этого сайта. В Google Chrome, оказывается для этого есть замечательный плагин - StyleBot.

Скачать последнюю версию плагина

Вот видео использования плагина.

Все очень просто. После установки плагина:

  1. Перезагружаем страницу (F5);
  2. Кликаем на надпись CSS в адресной строке справа;
  3. Наводим мышью на нежелательный (или желательный) элемент. Он выделяется рамочкой. Кликаем.
  4. Задаем свой стиль для этого элемента (для рекламы пишем display: none; чтобы убрать)
  5. Опять перезагружаем страницу (F5).

Для Gmail пришлось немного помучаться с самостоятельным определением селекторов элементов, которые содержат рекламу. Это вызвано, видимо, сложной структурой самой страницы. Это я сделал спомощью встроенного в Chrome средства для веб-разработчиков (включается Ctrl+Shift+i).

Итого, для Gmail получился такой код (который можно просто вставить в StyleBot в разделе Edit Css (в самом низу окна плагина) обязательно на открытой странице Gmail):

 

.oy8Mbf iframe.ch {
  display: none;
}
 
.nH .u5 {
  display: none;
}
 
.diLZtc .nH .mq {
  display: none;
}
 
.u8 .u7 {
  display: none;
}
 
.nH[style="width: 225px; "] {
  width: 120px;
}
 
div.BltHke div.mq {
    display: none;
}
About
Website development
Contacts
Главная / Статьи