» »

Оповещение с эффектом о ЛС для uCoz

Оповещение с эффектом о ЛС для 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 - этот корд подойдет на ресурс, кто не обновил админ бар, так как там уже от системы идет свое оповещение, которое заключается в зеленой точки и сколько по цифре пришло.
05.02.2017 Просмотров: 582 Комментарий: (1)

Поделиться в социальных сетях

Материал разместил

Комментарий: 1
Kosten
Kosten 05.02.2017 05:391
0
Здесь как писал, можно поменять картинку под форматом GIF, чтоб анимация была, то на форуме вы можете подобрать, как раз под тематику письма или вам сообщение.
avatar