Например: Сервер CS 1.6
Воскресенье, 24.09.2017, 13:27 Регистрация Карта сайта RSS Лента
Меню сайта
Наш опрос
Откуда вы нашли нас?
[ Результаты · Архив опросов ]
Всего ответов: 16
Профиль
Лучшие пользователи
    ESTER
    Добавил файлов: 122
    Количество постов: 5
    Onlines
    Добавил файлов: 0
    Количество постов: 4
    oleg123
    Добавил файлов: 0
    Количество постов: 4
    error_00
    Добавил файлов: 0
    Количество постов: 1
    yuriq
    Добавил файлов: 0
    Количество постов: 1
Статистика
Гости: Пользователи:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи онлайн
Никого нет.
Наши партнёры
Главная

Оповещение о новых личных сообщениях как вконтакте

  • Скрипты
  • Добавил:
  • Дата:
  • Средняя оценка: 5.0(1)
  • Просмотров: 101

В глобальный блок "Нижняя часть сайта" в самый низ:
Код

<script type="text/javascript">  
  var no_ava = 'http://wallaby.ucoz.ru/js/vk/no_avatar.jpg';  
  $.getScript('http://wallaby.ucoz.ru/js/vk/ls.js');</script>

CSS:

В самый низ вашего CSS

Серый скин:


Код

/* Оповещение о новом лс как Вконтакте  
  ------------------------------------------*/  
  .news_ls1 {  
  position:relative;  
  z-index:9999;  
  }  

  .news_ls2 {  
  position:fixed;  
  bottom:5px;  
  right:5px;  
  }  

  .uContent{  
  overflow: hidden;  
  display:none;  
  margin-bottom:10px;  
  width:300px;  
  background:url(http://wallaby.ucoz.ru/_ph/1/2/727851122.png);  
  padding:5px 10px 5px 10px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  }  

  .uContent_l {  
  float:left;  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  color:#555; text-shadow: 1px 1px 1px #fff; font-weight: bold;  
  }  
   
  .uContent_p {float:right;}  
  .uContent_c {  
  float:left;  
  font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;  
  width:300px;  
  padding: 5px 0px 0px 0px;  
  }  
   
  .uPm-close {  
  width:18px;  
  height:18px;  
  background:url(http://wallaby.ucoz.ru/_ph/1/2/130750765.png) no-repeat;  
  }  

  .uPm-close:hover {  
  background-position:0px -18px;  
  }  
   
  .uContent_c img {  
  float:right;  
  width:45px;  
  height:45px;  
  border:1px solid #a7a7a7;  
  padding: 3px;  
  margin: 0px 0px 10px 15px;  
  background:#fff;  
  }  

  .uContent_c span {  
  color:#547ec4;  
  }  
  .uContent_c p {  
  padding:0;  
  margin: 5px 0px 0px 0px;  
  }  

  .uContent_c a:link,  
  .uContent_c a:visited {color:#555;}  
  .uContent_c a:hover {color:#4a6ca5;}  
  /* -------------------------------------- */


Черный скин:
Код

/* Оповещение о новом лс как ВКонтакте  
  ------------------------------------------*/  
  .news_ls1 {  
  position:relative;  
  z-index:9999;  
  }  

  .news_ls2 {  
  position:fixed;  
  bottom:5px;  
  right:5px;  
  }  

  .uContent{  
  overflow: hidden;  
  display:none;  
  margin-bottom:10px;  
  width:300px;  
  background:url(http://wallaby.ucoz.ru/_ph/1/2/440582317.png);  
  padding:5px 10px 5px 10px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);  
  }  

  .uContent_l {  
  float:left;  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  color:#a7a7a7; text-shadow: 1px 1px 1px #252525; font-weight: bold;  
  }  
   
  .uContent_p {float:right;}  
  .uContent_c {  
  float:left;  
  font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;  
  color:#a7a7a7;  
  width:300px;  
  padding: 5px 0px 0px 0px;  
  }  
   
  .uPm-close {  
  width:18px;  
  height:18px;  
  background:url(http://wallaby.ucoz.ru/_ph/1/2/260195063.png) no-repeat;  
  }  

  .uPm-close:hover {  
  background-position:0px -18px;  
  }  
   
  .uContent_c img {  
  float:right;  
  width:45px;  
  height:45px;  
  border:1px solid #838383;  
  padding: 3px;  
  margin: 0px 0px 10px 15px;  
  background:#646464;  
  }  

  .uContent_c span {  
  color:#8fbbe9;  
  }  
  .uContent_c p {  
  padding:0;  
  margin: 5px 0px 0px 0px;  
  }  

  .uContent_c a:link,  
  .uContent_c a:visited {color:#f7f7f7;}  
  .uContent_c a:hover {color:#bdbdbd;}  
  /* -------------------------------------- */
Рейтинг: 5.0/1
Счетчики: 101 | Добавил: ESTER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]