Также весьма пугает, как правильно поместить баннеры других форумов и сайтов на своём ресурсе.
многие спрашивают либо бегущие строки, либо контейнеры для баннеров.
Предоставлю наиболее используемые варианты ниже.
Бегущие строки
Баннеры в бегущей строке - простой вариант
<marquee>сюда помещаются баннеры</marquee>
баннеры в бегущей строке - 2
<marquee scrollamount=2 behavior="alternate" direction="right">баннеры помещаются сюда</marquee>
scrollamount=2 - скорость прокрутки (от 1 до 10).
behavior="alternate" - поведение прокрутки (Scroll - обычная прокрутка, обычно, по умолчанию. Slide - строка прокручивается до края и останавливается. Alternate - строка будет двигаться от края к краю).
direction="right" - направление (right - право; left - лево; up - вверх; down - вниз;)
Баннеры в бегущей строке с остановкой при наведении
<marquee id=abc direction=left behavior=scroll scrollamount=2 onMouseOut="document.all.abc.start()" onMouseOver="document.all.abc.stop()">сюда помещаются баннеры</marquee>
или
<marquee scrollAmount=3 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=3 width=510 height=20>
сюда помещаются баннеры</marquee>
width=510 - ширина поля, в котором прокручиваются баннеры
height=20 - высота поля, в котором прокручиваются баннеры
а также..
Контейнеры для баннеров
Этот скрипт позволяет скрыть баннеры. Если Вы помещаете скрипт в хтмл-низ, то там же возникает полоса, графически выделяющаяся как категория. При нажатии на эту полосу можно открыть или скрыть опубликованные баннеры (Чем-то похож на спойлер).
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><h2>Баннеры</h2></div><div id="spoiler4" style="display: none">
сюда помещаются баннеры
</div></div>
хтмл-низ
Кликаешь на картинку - появляются баннеры
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><center><img src="адрес картинки" /></center></div><div id="spoiler4" style="display: none">
баннеры помещаются сюда</div></div>
хтмл-низ
Еще один удобный контейнер. Однако, надо правильно поместить части скрипта.
Это задает стили и есть обязательным - HTML-верх
<style type="text/css">
#mylist {
position: relative;
visibility: hidden}
</style>
Это скрипты - HTML-низ
<script>
function visibilityON() {
document.getElementById("mylist").style.visibility="visible"
}
function visibilityOFF() {
document.getElementById("mylist").style.visibility="hidden"
}
</script>
А это - туда, где вы хотите, что б появился контейнер
<input type="button" value="Баннеры" onClick="visibilityON()">
<div id="mylist" class="container" ><br>
<a href="http://podil100.com"><img src="http://podil100.com/img/ban.gif" style="cursor: pointer"><br><br>
<a href="http://liceum100.mybb.ru"><img src="http://physmat.podil100.com/banner_88_33.gif" style="cursor: pointer"></a><br><br>
<a href="http://google.com"><img src="http://physmat.podil100.com/banner_lic.gif" style="cursor: pointer"><br><br>
<input type="button" value="Скрыть" onClick="visibilityOFF()">
</div>
Отредактировано Nyaski (15.08.2009 16:49:37)