Приветствую Вас, Гость! Регистрация RSS

Портал бесплатных загрузок

Четверг, 26.12.2024
загрузка...
Главная » Файлы » Все для uCoz » Скрипты для uCoz

Скрипт оповещения о новом ЛС
[ · Скачать удаленно () ] 25.11.2011, 21:24


Когда приходит лс появляется окно в правом верхнем углу с сообщением о том что вам пришло новое сообщение!
Установка:
Ставим перед : </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;
  }
Категория: Скрипты для uCoz | Добавил: sypremum | Теги: Скрипт оповещения о новом ЛС
Просмотров: 482 | Загрузок: 205 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 sypremum  
0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]