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

Опубликовано:
Редактировалось: 4 раза — последний вчера в 16:07
Просмотров: 1635
+3
Голосов: 3
Накопал в инете вот такую забавную вещицу. В краце на Вашем сайте появляется окно с которое через некоторое время пропадает. Время показа можно изменять.

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

Код PHP:
  1.  
  2. <script type="text/javascript">
  3. setTimeout(function(){$('.box').fadeOut('fast')},10000); //30000 = 30 секунд
  4. </script>
  5.  
где 10000- время показа скрипта можно изменить по Вашему усмотрению

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

Код PHP:
  1.  
  2. .box a:link {color:#F4FF74;text-decoration:none}
  3. .box a:hover {text-decoration:underline;}
  4. .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);}
  5.  
Далее создаем модуль и через "источник" прописываем вот этот код:

Код PHP:
  1.  
  2. <div class="box">
  3. <span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
  4. <div style="margin:5px"><br>
  5.  
  6. ********ТУТ ВАШ РЕКЛАМНЫЙ КОД*************
  7. </div>
  8. <span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
  9. </div>
  10.  
ставим доступ к модулю только гостям.
И наконец заливаем картинку layer_bg в папку images

Вот вроде и все! что поставить и удалить не долго.
СКАЧАТЬ КАРТИНКУ
Комментарии (2)
Letsgo #
: 0

Хорошая вещь, но не для рекламы, а для нажатия на социальные сети.

Дмитрий #
: 0

а это хороший вариант

Голосуем

Самый нужный компонент