Все уже привыкли к тому, что в стандартных дизайнах портала E-xoops (далее Е-Х) присутствует возможность вывода баннера, в каком-либо месте на странице. Обычно этим и ограничиваются, не особенно вникая в возможности данного модуля - banners.
В самом деле модуль может многое:
Показывать баннеры в более чем одном месте на сайте
Показывать баннеры со сложным HTML-кодом
Выводить баннеры с использованием Java
Баннеры на ФЛЕШе
Снимать статистику по кликам и показам
Ограничивать количество показов.
Ну, придумайте что-нибудь сами, я иссяк :)
Сегодня мы поговорим о "множестве" баннеров на сайте и показе нескольких "сложных" баннеров на примерах.
РЕКЛАМНЫЕ МЕСТА
Вывод баннера в "рекламном" месте портала осуществляется через код
<?php showbanner();?>
При вводе нового баннера, пользователь видит вот такую форму:
Обычно пользователь не обращает внимания на строку "Показать как" с выпадающим меню выбора и дополнительной строкой ввода строкой ввода:
А данная строка очень интересна. Она содержит коды (даваемые по умолчанию) которые можно присвоить "рекламному" месту на сайте.
Центральный блок CL:лево CR:право CLR:лево и право CA:все
Ответ на поставленный вопрос - как крутить баннеры в разных местах, напрашивается сам собой. Надо присвоить каждому месту свой код.
Присваиваем:
<?php showbanner(SL);?>
И вставляем код в нужное место в шаблоне сайта - файл theme.php. Далее в том-же духе.
Соответственно при вводе баннера вы выбираете вариант с персональным кодом из списка.
Можно пойти дальше и присвоить "рекламному" месту свой код B120, вставить его в код
<?php showbanner(B120);?>
и спокойно выводить в данном месте, например, только баннеры 120х60.
В результате мы можем получить вот такую картинку:
Пока на этом остановимся и перейдем к выводу "сложных" баннеров
ВЫВОД "СЛОЖНЫХ" БАННЕРОВ
К сложным мы причислим баннеры, которые отличаются от варианта вывода обычного gif (png,jpg) файла.
Например такой вариант, как мой второй баннер на этом сайте
Код такого баннера:
----------- начало кода ----------------- <table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000" width="468" height="60"> <tr> <td> <table border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF" width="100%" height="58" background="http://buildinghost.com/images/bg460.gif"> <tr> <td align=center valign="top"> <script type="text/javascript"> var scrollerdelay='6000' var scrollerwidth='100%' var scrollerheight='100%' var scrollerbgcolor='' var scrollerbackground=''
var messages=new Array() messages[0]="<b><a href='http://buildinghost.com/modules/myarticles/article.php?storyid=16'>Что может быть лучше автомобиля?</a></b></br>" messages[1]="<b><a href='http://buildinghost.com/modules/myarticles/article.php?storyid=16'>Полностью собранный автомобиль !!! ;)</a></b></br>" messages[2]="<b><a href='http://buildinghost.com/modules/myarticles/article.php?storyid=16'>Что может быть лучше хостинга?</a></b></br>" messages[3]="<b><a href='http://buildinghost.com/modules/myarticles/article.php?storyid=16'>ТОЛЬКО ХОСТИНГ ГОТОВОГО ПОРТАЛА !!!</a></b></br>" messages[4]="<b><a href='http://buildinghost.com/modules/myarticles/article.php?storyid=16'>E-Xoops 100 - твой выбор !!!</a></b></br>"
var ie=document.all var dom=document.getElementById
if (messages.length>2) i=2 else i=0
function move1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.top<=5){ tlayer.top=0 setTimeout("move1(tlayer)",scrollerdelay) setTimeout("move2(document.main.document.second)",scrollerdelay) return } if (tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 setTimeout("move1(tlayer)",50) } else{ tlayer.top=parseInt(scrollerheight) tlayer.document.write(messages[i]) tlayer.document.close() if (i==messages.length-1) i=0 else i++ } }
function move2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout("move2(tlayer2)",scrollerdelay) setTimeout("move1(document.main.document.first)",scrollerdelay) return } if (tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 setTimeout("move2(tlayer2)",50) } else{ tlayer2.top=parseInt(scrollerheight) tlayer2.document.write(messages[i]) tlayer2.document.close() if (i==messages.length-1) i=0 else i++ } }
function move3(whichdiv){ tdiv=eval(whichdiv) if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){ tdiv.style.top=0+"px" setTimeout("move3(tdiv)",scrollerdelay) setTimeout("move4(second2_obj)",scrollerdelay) return } if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){ tdiv.style.top=parseInt(tdiv.style.top)-5+"px" setTimeout("move3(tdiv)",50) } else{ tdiv.style.top=parseInt(scrollerheight) tdiv.innerHTML=messages[i] if (i==messages.length-1) i=0 else i++ } }
function move4(whichdiv){ tdiv2=eval(whichdiv) if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){ tdiv2.style.top=0+"px" setTimeout("move4(tdiv2)",scrollerdelay) setTimeout("move3(first2_obj)",scrollerdelay) return } if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){ tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px" setTimeout("move4(second2_obj)",50) } else{ tdiv2.style.top=parseInt(scrollerheight) tdiv2.innerHTML=messages[i] if (i==messages.length-1) i=0 else i++ } }
function startscroll(){ if (ie||dom){ first2_obj=ie? first2 : document.getElementById("first2") second2_obj=ie? second2 : document.getElementById("second2") move3(first2_obj) second2_obj.style.top=scrollerheight second2_obj.style.visibility='visible' } else if (document.layers){ document.main.visibility='show' move1(document.main.document.first) document.main.document.second.top=parseInt(scrollerheight)+5 document.main.document.second.visibility='show' } }