Блог
Главная » Другие » Скрипт оповещения о новом ЛС
03:38



Когда приходит лс появляется окно в правом верхнем углу с сообщением о том что вам пришло новое сообщение!
Установка:
Ставим перед /head
Code

<script type="text/javascript" src="/js/jquery.ui.all.js"></script>  
  <script type="text/javascript" src="/js/jquery.jgrowl.js"></script>


Сам код надо ставить после body
Code

<script type="text/javascript">  

  (function($){  

  $(document).ready(function(){  
   
  $.jGrowl.defaults.closer = false;  

  if ( !$.browser.safari ) {  
  $.jGrowl.defaults.animateOpen = {  
  width: 'show'  
  };  
  $.jGrowl.defaults.animateClose = {  
  width: 'hide'  
  };  
  }  

  $.jGrowl("Привет $USERNAME$!
У тебя $UNREAD_PM$ новое сообщение!
Прочитай его обязательно!", { sticky: true });  
  });  
  })(jQuery);  

  </script>


И в CSS Ставим это
Code

div.jGrowl {  
  z-index: 9999;  
  color: #fff;  
  font-size: 12px;  
}  

/** Normal Style Positions **/  
div.jGrowl {  
  position: absolute;  
}  

body > div.jGrowl {  
  position: fixed;  
}  

div.jGrowl.top-left {  
  left: 0px;  
  top: 0px;  
}  

div.jGrowl.top-right {  
  right: 0px;  
  top: 0px;  
}  

div.jGrowl.bottom-left {  
  left: 0px;  
  bottom: 0px;  
}  

div.jGrowl.bottom-right {  
  right: 0px;  
  bottom: 0px;  
}  

div.jGrowl.center {  
  top: 0px;  
  width: 50%;  
  left: 25%;  
}  

/** Cross Browser Styling **/  
div.center div.jGrowl-notification, div.center div.jGrowl-closer {  
  margin-left: auto;  
  margin-right: auto;  
}  

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {  
  background-color: #000;  
  opacity: .85;  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  
  zoom: 1;  
  width: 235px;  
  padding: 10px;  
  margin-top: 5px;  
  margin-bottom: 5px;  
  font-family: Tahoma, Arial, Helvetica, sans-serif;  
  font-size: 1em;  
  text-align: left;  
  display: none;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
}  

div.jGrowl div.jGrowl-notification {  
  min-height: 40px;  
}  

div.jGrowl div.jGrowl-notification,  
div.jGrowl div.jGrowl-closer {  
  margin: 20px;  
}  

div.jGrowl div.jGrowl-notification div.jGrowl-header {  
  font-weight: bold;  
  font-size: .85em;  
}  

div.jGrowl div.jGrowl-notification div.jGrowl-close {  
  z-index: 99;  
  float: right;  
  font-weight: bold;  
  font-size: 1em;  
  cursor: pointer;  
}  

div.jGrowl div.jGrowl-closer {  
  padding-top: 4px;  
  padding-bottom: 4px;  
  cursor: pointer;  
  font-size: .9em;  
  font-weight: bold;  
  text-align: center;  
}  

/** Hide jGrowl when printing **/  
@media print {  
  div.jGrowl {  
  display: none;  
  }

Категория: Другие

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?