отключить рекламу на сайте Одноклассники
стили пользователя, Opera, баннер, реклама, Одноклассники
Социальные сети, такие как Одноклассники, Мой Мир, ВКонтакте и прочие, как и подавляющее большинство других сайтов различных тематик имеют хороший доход от размещения рекламы. Но поскольку она рассчитана на нас, как потенциальных клиентов те же Одноклассники пытаясь нас завлечь перейти по красивой ссылке в виде баннерной рекламы, бывают просто столь назойливы, что лично у меня появилось желание избавится от этого мельтешения картинок. Способ довольно известный, но возможно кому-то пригодится.
Браузер, которым я пользуюсь - Opera, имеет довольно хорошую функцию Блокировать содержимое... (вызывается из контекстного меню, по клику правой кнопкой мышки). Эта функция блокирует назойливо всплывающие окна, только покажи какое из них и скажи Готово. К сожалению такой фокус не прокатывает на Одноклассниках - после обновления страницы реклама по прежнему продолжает радовать. Не насилуя свой браузер дополнительными Adblock-ами, скроем рекламу посредством пользовательской таблицы стилей самой Opera.
Вот такой черно-белой и унылой выглядела моя страничка, украшенная только рекламными баннерами. Зачем мне эта такая красота, которая затмевает своим блеском весь мой контент, отчего друзья мои кажутся бледными пятнами на страничке. Не хочется расстраивать своих друзей, поэтому уберу излишний шик-блеск и сосредоточусь на том, кто мне действительно интересен.
Где искать то место, в котором прописан свод правил для отображения этих рекламных паразитов. Смотрим исходный код страницы в формате HTML. Чтобы быстро просмотреть код нажмите Ctrl+U и вы увидите, что в таком скопище кода довольно трудно отыскать нужное нам место. Не будем искать сложностей, никому это не надо, давайте сразу найдем то место в коде, где прописаны баннеры с сайта Одноклассники.
Вызовем контекстное меню правой кнопкой мыши на рекламном баннере и выберем Проинспектировать элемент (для Opera).
В нижней части браузера появится окно Opera Dragonfly выделив те строки кода, которые относятся к элементу, по которому вы кликнули мышкой. Найдем элементы кода, которые относятся к той рекламе на Одноклассниках, которую мы хотим скрыть. Поочередно выбираем их и копируем их названия в блокнот, либо любой другой текстовый редактор.
После того, как все предполагаемые селекторы атрибутов, отвечающие за тот вред, что наносит вашему общению с вашими одноклассниками реклама, выписаны - открываем файл стилей пользователя браузера Opera. Для этого в верхнем меню переходим поочередно Инструменты -> Общие настройки -> Содержимое -> Настроить стили
В окне Настройки стилей прописан путь до файла user.css, где собственно и записаны те правила, по которым браузер отображает настроенные вами стили. Для Windows 7 путь по умолчанию будет такой:
C:/Program Files (x86)/Opera/styles/user/user.css
если вы не меняли пути в настройках при установке программы.
Для Windows XP путь по умолчанию будет:
C:/Program Files/Opera/styles/user/user.css
Путь к вашему файлу настроек можно изменить, нажав на кнопку Обзор... и выбрав тот файл .css, который вы создадите. Сам файл не обязательно должен называться user.css. Имя может быть любым, но расширение файла должно оставаться .css.
Давайте откроем блокнот и создадим новый документ, сохранив его с именем user.css. В него мы будем записывать наши правила, по которым мы сможем отключить рекламу на Одноклассниках.
Запишем правила, для начала попробовав скрыть рекламные баннеры, а если всё пойдет хорошо, то и "удалить" их отображение на Одноклассниках.
<h1>hook_Block_StickyBannerContainer,#hook_BannerForthColumn_ForthColumnTopBannerIn<wbr />ner,#hook_Block_ForthColumnTopBanner{visibility:hidden;}</h1>
Сохраняем файл. Показываем путь до него в Настройках стилей Opera, или перезаписываем файл C:/Program Files (x86)/Opera/styles/user/user.css .
Перезапускаем Opera! Смотрим результат.
В целом неплохо. Рекламы не видно, но осталось "пустое" место в правой колонке и те друзья, что сейчас на сайте как будто избегают вас. Давайте подтянем их поближе к себе, а то они так и вовсе разбегутся.
Вместо конструкции visibility:hidden; будем использовать display:none; для того, чтобы не скрывать рекламу, а вообще не допускать ее до дисплея.
После нескольких проб и ошибок выявилось что для того чтобы полностью оторвать ноги рекламе в правом столбце требуется еще добавить класс .fcofw #hook_Block_ForthColumnTopBanner.
Все, заработало! Теперь мы знаем, как отключить рекламу на сайте Одноклассники, ну и соответственно мы ее отключим.
Вставьте приведенный ниже код в свой файл user.css,
<h1>hook_Block_StickyBannerContainer,#hook_BannerForthColumn_ForthColumnTopBannerIn<wbr />ner,#hook_Block_ForthColumnTopBanner, .fcofw #hook_Block_ForthColumnTopBanner{display:none !important;}</h1>
либо скачайте и распакуйте архив с файлом отсюда в вашу папку, заменив старый файл user.css.
Перезапустите браузер Opera и наслаждайтесь Одноклассниками без рекламы!
P.S. После того, как статья была написана и опубликована, точнее днем позднее, я решил посмотреть еще раз как она выглядит. Зашел через Opera на страничку и, что же я вижу? Вижу все, кроме трех картинок: первой и двух последних, так же на главной странице (и страницы категории) картинка то же исчезла. Что за беда? Зашел через Google Chrome, через Mozilla Firefox - в них работает, все отображается. Смотрю код в Opera, там, где должна быть картинка и вижу в стилях CSS всякую ахинею, которой быть не должно. Проверил - вроде не взломали. Ковырнул поглубже оказывается этот самый Opera AdBlock v0.56, о котором я писал в самом начале статьи, уел мои картинки без зазрения совести. Стоило его отключить - все весело зароботало. Дело в том, что в имени файла картинок имелось слово "banner", после переименования файлов картинок, даже при включённом AdBlock все работает. Выводы делать вам.
