Вариант 1
<div class="container" id="list" style="display:none; position: absolute; z-index: 2"> <div id="list"> <a href="Ссылка с банера 1"><img src="Картинка баннера 1" style="cursor: pointer" /><br><br> <a href="Ссылка с баннера2"><img src="Картинка баннера 2" style="cursor: pointer" /></a><br><br> <a href="Ссылка с баннера3"><img src="Картинка баннера 3" style="cursor: pointer" /></a> </div></div>
Форма ответа!
Код создает кнопку под формой ответа. При нажатии появляеться компактный и симпатичный контейнер с баннерами.
Выглядит так:
Вариант 2
Эта версия построена как скрипт и ее(контейнер) можна вставлять в любое поле(имхо обьявление - оптимальнее всего)
Это задает стили и есть обязательным - 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>
Вид:
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.