21.05.13, 13:10
1 комментарий
  DLE Хаки

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

При посещении любой страницы будет всплывать, на несколько секунд, окно с рекламой. Так же ее можно прикрутить к себе на сайт в качастве напоминалки о необходимости регистрации.


Установка:
1. Открыть в вашем текущем шаблоне файл main.tpl и перед закрывающим тегом /head добавить:

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


2. В этом же файле, но внутри тегов body, в любом месте вставьте:
[group=5]<div class="box">
<span style="font-size:12px;color:#eee"><b>Через 10 секунд эта реклама исчезнет</b></span>
<div style="margin:5px">
<a href="http://site.ru/" target="_blank">Открой для себя темную сторону игры!</a><br>
<a href="http://site.ru/" target="_blank">Открой для себя темную сторону игры!</a><br>
<a href="http://site.ru/" target="_blank">Открой для себя темную сторону игры!</a></div>
<span style="font-size:10px;color:#888">Если не желаете видеть рекламу - зарегистрируйтесь!</span>
</div>[/group]


3. В файл стилей текущего шаблона добавить:
.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('{THEME}/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);}


Где {THEME}/images/layer_bg.png это картинка с фоном Самоисчезающее окно

Готово!

Версия DLE: 9.x

Комментарии

  1. snamp 8 ноября 2013 19:21                    

    полезная вещь

Напишите своё мнение