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

Объявление

🔴 Разговорный стрим "Время уDEVительных историй"

Дата и время: начало 17 февраля в 17:00 по МСК;
Сделаем обзор на дизайн из нашей постоянной рубрики и расскажем последние новости комьюнити.
Потом будет сессия вопросов и ответов. Прозвучат провокационные и неоднозначные вопросы.
Расчехляйте свой вопросомёт! 🔥 🔥 🔥

Подробности

☕ 7 вечеров с Авалон

Дата: с 17 по 24 февраля;
Тема разговора: администрирование проекта, создание видео и другое творчество;
Присоединяйтесь к обсуждению и подготовьте свои вопросы!

Задать вопрос

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже два года.

Посетить

TVD: FACELESS

В каждой истории есть две стороны.
Я и герой, и злодей.

Посетить

ЭНТЕРОС

Магия и технологии, эпизоды, 18+
ПутеводительХотим видетьРасы

Посетить

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

💰 Продаётся: функционал, упрощающий жизнь админу форума

Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.
Ультимативный список тем - картинки, описания и иконки для топиков.

Как купить

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

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

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
🎨 Голосуйте за лучшие парные аватарки до 29.02! Отдать голос.
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

Сообщений 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