Самоисчезающее окно

Опубликовано: 2013-01-21T18:25:16+04:00

Редактировалось: 4 раза — последний сегодня в 18:36

Просмотров: 3104

+3↑

Голосов: 3

Накопал в инете вот такую забавную вещицу. В краце на Вашем сайте появляется окно с которое через некоторое время пропадает. Время показа можно изменять.

Заинтересовало тогда вперед!
Открываем темплейт и между тегами head вставить следующее:

Код PHP:

 
<script type="text/javascript">
setTimeout(function(){$('.box').fadeOut('fast')},10000);  //30000 = 30 секунд
</script>

где 10000- время показа скрипта можно изменить по Вашему усмотрению

Далее в style.css добавить:

Код PHP:

 
.box a:link {color:#F4FF74;text-decoration:none}
.box a:hover {text-decoration:underline;}
.box {position: fixed; bottom:0px; right:15px; padding:10px;color:#fff;font-family:tahoma;font-size:11px;font-family:tahoma;font-size:11px;text-align:left; margin-bottom:17px; width:300px; background:url('/images/layer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);}

Далее создаем модуль и через "источник" прописываем вот этот код:

Код PHP:

 
<div class="box">
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
<div style="margin:5px"><br>
 
********ТУТ ВАШ РЕКЛАМНЫЙ КОД*************
</div>
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
</div>

ставим доступ к модулю только гостям.
И наконец заливаем картинку layer_bg в папку images

Вот вроде и все! что поставить и удалить не долго.
СКАЧАТЬ КАРТИНКУ

Шарики как на яндексе

Комментарии (2)