Оповещение с эффектом о ЛС для uCoz
 | |
| На каждом сайте есть свое оповещение на личное сообщение и конструктор uCoz не исключение, но здесь мы сами может поставить его. И вот один из многих скриптов на оповещение, но только с красивым эффектом. Который заключается в том, что изначально появляется окно в правом верхнем углу и потом обвод начинает со светлого появляться в темный. Но и не нужно исключать картинки формате GIF, которые там безусловно будут уместны, если они по теме будут. Здесь просто решил сам добавить, чтоб письмо было как то по ярче и здесь вы можете найти что то под тематику сайта и поменять. Здесь также идут стили и вы можете его сами преобразовать в гамме цвета, смотря какой на сайте дизайн установлен. Приступаем к установке: В низ сайта ставим скрипт, также можно установить и в шапку вверх, что на каждой странице будет показывать окно, если вам придет сообщение. Код <style> .ls2 {border:2px solid #000000 !important;background:#FFFFFF !important;} #ls {overflow:hidden;padding:15px;border:2px solid #ddd;-moz-border-radius:5px;border-radius:15px;-webkit-border-radius:4px;background:#f2f2f2;position:fixed;right:30px;top:-80px;-moz-box-shadow:0px 0px 3px #bdbdbd;box-shadow:0px 0px 3px #bdbdbd;-webkit-box-shadow:0px 0px 3px #bdbdbd;} </style> <script> $(document).ready( function(){ setTimeout( function(){ $('#ls').animate({top:'+=120'},350);},1000 ); setTimeout( function(){ $('#ls').addClass('ls2');},3000 ); setTimeout( function(){ $('#ls').animate({top:'-=120'},350);},15000) } ) </script> <div id="ls"> <center>Здравствуйте, <b>$USERNAME$</b>!<center> <?if($IS_NEW_PM$)?><br>Вам пришло новое личное сообщение!<br><div align="center"><img border="0" align="absmiddle" src="http://zornet.ru/Ajaxoskrip/Abaveg/tyn/post19.gif"></div><br><center><a href="/index/14" target="_blank"><b>Прочитать</b></a></center><?else?><br>У вас нет новых сообщений!<br><?endif?> </div> PS - этот корд подойдет на ресурс, кто не обновил админ бар, так как там уже от системы идет свое оповещение, которое заключается в зеленой точки и сколько по цифре пришло. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 1 | |
|
| |
