Забавное поздравление пользователей с Новым годом!!! Поздравьте пользователей вашего сайта и пожелайте им в новом году всего самого-самого наилучшего)
Умное поздравление будет показываться до тех пор пока вы не закроете его, нажав на крестик.
Установка 1. Добавить в таблицу стилей:
Код
/* UWND С НГ!!! */
@-webkit-keyframes showMSg{from{opacity:0;-webkit-transform:scale(.3)}to{-webkit-transform:scale(1)}}
@-moz-keyframes showMSg{from{opacity:0;-moz-transform:scale(.3)}to{-moz-transform:scale(1)}}
@-o-keyframes showMSg{from{opacity:0;-o-transform:scale(.3)}to{-o-transform:scale(1)}}
@keyframes showMSg{from{opacity:0;transform:scale(.3)}to{transform:scale(1)}}
.messageUwnd .x-sh{display:none !important}
.messageUwnd .xw-tl,.xw-tc,.xw-tr,.xw-ml,.xw-mr,.xw-mc,.xw-bl,.xw-br,.xw-bc{background:none}
.messageUwnd .xw-hdr{height:40px}
.messageUwnd .xw-hdr-text{display:block;font:bold 13px Tahoma;color: #FFFFFF;padding:10px 5px;text-align:center;}
.messageUwnd div[id^=_uwndWnd]{border: 1px solid #BB2227;box-shadow: 0px 0px 5px -1px #BB2227;background: #fff;-webkit-animation:showMSg .3s;-moz-animation:showMSg .3s;-o-animation:showMSg .3s;animation:showMSg .3s;}
.messageUwnd .xw-body{border:0 !important;background: none !important;padding:5px;}
.messageUwnd .xw-plain .xw-body{background: none !important}
.xw-mc{background:none !important;border-width: 0px 0px !important;}
.xw-ml,.xw-mr{background:none !important}
.xw-blank{background: #fff !important}
.messageUwnd .xt-close{margin-top:13px;margin-right:5px;background: url(http://for-ucoz.my1.ru/scripts/close_red.gif) no-repeat;}
.messageUwnd .xt-close-over{opacity:.5}
/* /UWND С НГ!!! */
2. Перейдите на своём сайте по адресу
/index/31, и создайте новую страницу, с любым названием и следующим содержимым:
Код
<div style="display:none" id="sNovumGodom">
<div style="position:absolute;left:-100px;top:40px;">
<img src="http://for-ucoz.my1.ru/scripts/santeLik_suka.png" align="left" style="padding-right:20px;">
<div style="padding:20px;font: 14px Comic Sans, Comic Sans MS, cursive;">
<p style="color: #CF1F29;font-weight:700;">С Новым 2014 годом!!!</p>
<div style="padding-top:15px;font-size: 12px">
<p>Уважаемые пользователь нашего сайта, от всей души поздравляем вас с этим замечательным праздником.</p>
<p style="padding-top:10px;">Желаем вам в новом году забыть все неприятности, быть веселее, радостнее, перспективнее. Пусть всё будет хорошо с вашим здоровьем и здоровьем вашего компьютера.</p>
<p style="padding-top:10px;">С уважением Администрация Сайта.</p>
</div>
</div>
</div>
</div>
Также уберите галочку с пункта -
Заменять переводы строк тегом
* Запоминаем адрес созданной страницы.
3. В нижнюю часть сайта добавить:
Код
<script>
includeJSfile('http://for-ucoz.my1.ru/scripts/jquery.sNovumGodom.js');
$(function(){
$.sNovumGodom({'Адрес страницы':'http://mysite.ucoz.ru/index/ng/0-12','До какого числа, января показывать': 5});
});
</script>
http://mysite.ucoz.ru/index/ng/0-12 - замените на ранее запомненную страницу.
5 - замените на число до которого будет показываться поздравление.
Установка окончена!
Войдите на сайт или Зарегистрируйтесь