ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

Доработаем макет под ваш проект;
Сверстаем;
Сделаем мобильную версию по желанию.

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

Спойлеры и обсуждение

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Контейнеры для баннеров

Сообщений 1 страница 2 из 2

1

Вариант 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>

Форма ответа!

Код создает кнопку под формой ответа. При нажатии появляеться компактный и симпатичный контейнер с баннерами.

Выглядит так:

https://forumupload.ru/uploads/0000/14/1c/146405-1-f.jpg

Вариант 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>

Вид:

https://forumupload.ru/uploads/0000/14/1c/146651-1-f.jpg

0

2

баннеры можно складировать с помощью бегущих строк:

Бегущая строка

0