Убираем рекламу с бесплатных сайтов
Прежде чем начать рассмотрение всех возможных способов борьбы с баннерами, следует обратиться к тем, кто, собственно, предоставляет услуги бесплатного хостинга. Почему пользователи избавляются от баннеров? Потому что они неудобны. К тому же ни один пользователь не будет щёлкать на назойливый баннер, который «липнет» к краю окна или «всплывает».
Чтобы никто не пытался избавиться от баннеров, следует разрешить веб–мастеру самому решать, куда их ставить. Либо просто располагать их внизу с возможностью их прокрутки. Если же подобные условия веб–мастерам не предоставляются, тогда приходится «отключать» баннеры. Нижеследующие советы помогут убрать любой баннер владельцам сайтов практически на всех хостингах, включая narod.ru и ucoz.ru
Вставку «постороннего» кода можно смело разделить на два типа: вставка перед исходным документом (перед тэгом <html> и !DOCTYPE) и вставка после исходного документа (после тэга </html>). Хостер в таком случае делает наш код несоответствующим стандартам.
Код перед исходным документом достаточно легко обходится в некоторых случаях, например, когда явно указывается идентификатор элемента:
Тогда достаточно с помощью правил CSS переопределить свойства элемента:
{
display: none !important;
position: absolute;
height: 1px !important;
width: 1px !important;
overflow: hidden
}
Здесь мы на всякий случай «превращаем» баннер в точку, размером в один пиксель, и делаем его невидимым, указав свойство display: none. Правило !important используется для перекрытия возможных заданных стилей.
Однако если идентификатор не указан явно, или используются встроенные стили, тогда просто так такой баннер не выключить.
Если это обычная картинка вверху, тогда его можно «прикрыть» любым элементом, указав ему ширину, равную ширине баннера (для примера, возьмём 48 пикселей):
<div id='root'> </div>
<!–– *** –>
#root
{
margin–top: –48px;
height: 48px;
z–index: 9999;
background: #fff
}
Здесь следует задать элементу фон страницы. Однако это не очень хороший способ. Тем более, если код перед основным достаточно сложный и стили не удаётся перекрыть, тогда на помощь приходит «родной» JavaScript. С его помощью мы можем:
* «выключить» любой элемент, если известен его идентификатор
//(если код находится перед основным, достаточно расположить JS–код между тэгами <head>);
* обойти все узлы средствами DOM, удалить любой интересующий нас узел;
* найти интересующий нас html–код и вывести или удалить только его с помощью свойства innerHTML.
Мы же используем самый простой и эффективный способ – удаление узла из дерева элементов HTML.
Для его применения достаточно написать в тэге <body> следующее:
Текст функции приведён ниже:
{
var len = 0;
document.body.childNodes.item(len).innerHTML = '';
document.body.childNodes.item(len).style.display = 'none';
}
* кроме того, мы можем «перекрыть» любые js–свойства, например, onload, onscroll, onclick. Как известно, событию можно назначить только один обработчик. Исходя из этого, можно создать «пустую» или, в случае, если вы используете эти события, собственную функцию и «переназначить» обработчики.
onscroll = myscroll;
onclick = myclick;
// Здесь myfunc(), myscroll(), myclick() - собственные функции
Гораздо проще обстоят дела с теми баннерами и кодом, которые вставляются после основного текста (после тэга </body> или </html>).
Возможно, вы замечали, что часто перед кодом, хостеры вставляют множество закрывающих тэгов, например:
</div><!–– –><’– –></table></comment></center></span></script> и так далее.
Мягко говоря, не убедительная защита. Во–первых, мы вправе поставить любой тэг, и обозначить его невидимым. Я однажды делал так:
</body>
</html>
<!— BANNER CODE –>
Не совсем изящно, но зато работало. Итак, мы вправе поставить любой HTML элемент, хоть <i> или <acronym>. Все HTML–элементы хостер явно перечислять не будет.
Но дело даже не в этом. Хостер забывает о таком замечательном понятии, как каскад:
#first, #first * {display: none !important}
#second, #second * {display: none !important}
<!-- HTML -->
<div id='first'>
<div id='second'>
</body>
</html>
<!— здесь хостер вставляет свой злобный код –>
</div></table>
<!— banner angry code –>
<div id='banner'><!–– * * * –></div>
Как мы видим, если элемент second (выделен жирным) оказался закрытым с помощью кода хостера, то элемент first продолжает действовать и скроет баннер.
К тому же, часто баннер всё же содержит id, и поэтому любое правило можно перекрыть:
{
display: none !important;
visibility: hidden !important
}
Если же снова удалить баннер не получается, от него всегда можно избавиться с помощью JavaScript. Для этого в функцию unbanner(), уже рассмотренную выше, достаточно внести изменение всего в одну строчку:
Однако учтите, что баннер может состоять не из одного, а из двух и более узлов. Соответственно, их следует удалить точно таким же образом (немного расширив функцию unbanner(). Оставим это в качестве домашнего задания).
Итак, мы можем убрать рекламу на сайте; удалить любое всплывающее окно или flash-баннер. Конечно, провайдер, то есть хостер, может изменить код и внешний вид рекламы, но принцип удаления баннеров и рекламы остаётся тем же самым. Так как подавляющее большинство баннеров ставится после исходного кода страницы, то способ
<div style='display: none !important;'>
</body>
</html>
<!—banner_code –>
должен подойти практически всем.
UPD: недавно смотрел livejournal (ЖЖ) и обнаружил, что тем пользователям, у которых в дневниках размещается реклама, может помочь такой ненавязчивый CSS:
{
display: none !important;
}
*[scrolling]
{
display: none !important;
}
#header-inner
{
height: 100px
}
Разместить подобный CSS можно на странице настроить стиль livejournal в поле «Custom stylesheet».
UPD 2: Убрать баннер из UCOZ
Заходите в свою панель управления, далее в «Управление дизайном».
В списке выбираете «Редактор страниц» -> «Страницы сайта»
В появившейся форме с текстом, в самый конец, вставляете следующее:
function unbanner()
{
var len = 2;
if (document.body.childNodes)
{
document.body.childNodes.item(len).innerHTML = '';
}
if (document.body.childNodes.item(len).style)
{
document.body.childNodes.item(len).style.display = 'none';
}
}
unbanner();
</script>
Убрать баннер можно также совершенно тривиальным образом:
IFRAME, TABLE
{
display: none !important;
}
DIV TABLE A[title] IMG[width]
{
display: none !important;
}
BODY TABLE
{
display: block !important;
}
</style>
Нажимаете «Сохранить» и далее нужно либо в списке выбрать
«Глобальные блоки» -> «Нижняя часть сайта»,
либо выбрать то же самое на странице «Управление дизайном».
И снова нужно проделать упомянутые выше операции: вставить в конец формы вышеозначенный текст и сохранить.
Всё, больше баннеров на ucoz у вас не будет.
UPD 3: Убрать баннер из siteedit
#se_table, #se_reklam {
overflow: hidden !important;
position: absolute;
top: 0;
left: 0;
height: 0 !important;
width: 0 !important }
</style>
Последний баннер можно убрать и средствами JS, изменив текст функции unbanner() как сказано в статье, (случай, когда код баннера вставляется после тэга <HTML>).
