Навигация
Категории раздела
Последние поступления
Статистика
Файлы » Для Веб-мастера » Сайт

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

15.02.2012, 19:43

Данный скрипт позволяет выводить очень удобное стильное окно при новых личных сообщениях. Есть возможность выбора между пятью различными цветовыми схемами.

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

Code
<script type="text/javascript"> <br> var no_ava = '/images/no_avatar.jpg'; <br> $.getScript('/js/ls.js');</script>

Далее в самый низ вашего CSS:

1) Серый скин:

Code
/* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_White.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#555; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_White.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #a7a7a7; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#547ec4; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#4a6ca5;} <br> /* -------------------------------------- */


2) Синий скин:

Code
/* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Blue.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#6e87c6; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Blue.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #99bee4; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#43983f; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */

3) Зеленый скин:

Code
/* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Green.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#1dbb19; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Green.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #77ca79; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#5976c0; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#555;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */

4) Оранжевый скин:

Code
/* Оповещение о новом лс как Вконтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Orange.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#e7ad3c; text-shadow: 1px 1px 1px #fff; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#555; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Orange.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #f6c76a; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#fff; <br> } <br><br> .uContent_c span { <br> color:#4876c1; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#444;} <br> .uContent_c a:hover {color:#999;} <br> /* -------------------------------------- */

5) Черный скин:

Code
/* Оповещение о новом лс как ВКонтакте <br> ------------------------------------------*/ <br> .news_ls1 { <br> position:relative; <br> z-index:9999; <br> } <br><br> .news_ls2 { <br> position:fixed; <br> bottom:5px; <br> right:5px; <br> } <br><br> .uContent{ <br> overflow: hidden; <br> display:none; <br> margin-bottom:10px; <br> width:300px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/fon_uContent_Black.png); <br> padding:5px 10px 5px 10px; <br> -webkit-border-radius: 5px; <br> -moz-border-radius:5px; <br> border-radius: 5px; <br> -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); <br> } <br><br> .uContent_l { <br> float:left; <br> font: 11px Verdana,Arial,Helvetica, sans-serif; <br> color:#a7a7a7; text-shadow: 1px 1px 1px #252525; font-weight: bold; <br> } <br> <br> .uContent_p {float:right;} <br> .uContent_c { <br> float:left; <br> font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif; <br> color:#a7a7a7; <br> width:300px; <br> padding: 5px 0px 0px 0px; <br> } <br> <br> .uPm-close { <br> width:18px; <br> height:18px; <br> background:url(http://www.center-dm.ru/ucoz/ls/kontakt/knopka_closse_Black.png) no-repeat; <br> } <br><br> .uPm-close:hover { <br> background-position:0px -18px; <br> } <br> <br> .uContent_c img { <br> float:right; <br> width:45px; <br> height:45px; <br> border:1px solid #838383; <br> padding: 3px; <br> margin: 0px 0px 10px 15px; <br> background:#646464; <br> } <br><br> .uContent_c span { <br> color:#8fbbe9; <br> } <br> .uContent_c p { <br> padding:0; <br> margin: 5px 0px 0px 0px; <br> } <br><br> .uContent_c a:link, <br> .uContent_c a:visited {color:#f7f7f7;} <br> .uContent_c a:hover {color:#bdbdbd;} <br> /* -------------------------------------- */




Информация о Оповещание о новых личных сообщениях как вконтакте

Атрибуты     Скриншот
Дата добавления     15.02.2012


Не забудьте зарегистрироваться!

 
Не знаете как скачать файл?..Тогда эта инструкция для Вас!!!
 
 
Категория: Сайт
Рейтинг: 5.0/2 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск
Наш опрос
Нашли то что искали на нашем сайте?
Всего ответов: 2270
Новое на форуме
Заказ ключа для программного обеспечения

Стоит ли покупать игровую валюту в Diablo?

Красивый информер "кто нас сегодня посетил" для Ucoz

Flash радио для сайта

Оптимизация системы

Наша кнопка

Диагностика

Ключи серийники для антивируса Касперский

Ключи кейген для Eset nod 32, Eset Smart Security

Лекарство кейген и русификатор для MOBILedit! Standard 6.9.0


© 2024 Softal

О материалах размещенных на сайте