FAQpk FAQpk.ru   Войти   Зарегистрироваться  


faqpk.ru
Компьютерный форум
С оплатой за сообщения



faqpk.ru

Страница 1 из 11
Компьютерный форум » Web-Мастер » Скрипты для сайта » Оповещение о новых личных сообщениях как вконтакте (Скрипты для ucoz)
Оповещение о новых личных сообщениях как вконтакте
Оповещение о новых личных сообщениях как вконтакте





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

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

Code
<script type="text/javascript">    
    var no_ava = 'http://www.faqpk.ru/images/script/1/no_avatar.jpg';     
    $.getScript('http://www.faqpk.ru/js/script/1/vkls.js');</script>


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

Серый скин:



Code

/* Оповещение о новом лс как Вконтакте     
     ------------------------------------------*/     
     .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;}     
     /* -------------------------------------- */


Синий скин:



Code
/* Оповещение о новом лс как Вконтакте     
     ------------------------------------------*/     
     .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/658964882.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:#6e87c6; 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;     
     color:#555;     
     width:300px;     
     padding: 5px 0px 0px 0px;     
     }     
         
     .uPm-close {     
     width:18px;     
     height:18px;     
     background:url(http://wallaby.ucoz.ru/_ph/1/2/869795995.png) no-repeat;     
     }     

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

     .uContent_c span {     
     color:#43983f;     
     }     
     .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:#999;}     
     /* -------------------------------------- */


Черный скин:



Code
/* Оповещение о новом лс как ВКонтакте     
     ------------------------------------------*/     
     .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;}     
     /* -------------------------------------- */


Дополнительно:

Для того чтобы аватар пользователя который отправил вам личное сообщение стал отображаться, вам следует включить API в админ панели uCoz, для этого заходим в:
Админ панель => Настройки => Общие настройки => Разрешить использование API.
Дата: Суббота, 23.06.2012. Сообщение # 1 Bro
Оповещение о новых личных сообщениях как вконтакте





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

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

Code
<script type="text/javascript">    
    var no_ava = 'http://www.faqpk.ru/images/script/1/no_avatar.jpg';     
    $.getScript('http://www.faqpk.ru/js/script/1/vkls.js');</script>


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

Серый скин:



Code

/* Оповещение о новом лс как Вконтакте     
     ------------------------------------------*/     
     .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;}     
     /* -------------------------------------- */


Синий скин:



Code
/* Оповещение о новом лс как Вконтакте     
     ------------------------------------------*/     
     .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/658964882.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:#6e87c6; 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;     
     color:#555;     
     width:300px;     
     padding: 5px 0px 0px 0px;     
     }     
         
     .uPm-close {     
     width:18px;     
     height:18px;     
     background:url(http://wallaby.ucoz.ru/_ph/1/2/869795995.png) no-repeat;     
     }     

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

     .uContent_c span {     
     color:#43983f;     
     }     
     .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:#999;}     
     /* -------------------------------------- */


Черный скин:



Code
/* Оповещение о новом лс как ВКонтакте     
     ------------------------------------------*/     
     .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;}     
     /* -------------------------------------- */


Дополнительно:

Для того чтобы аватар пользователя который отправил вам личное сообщение стал отображаться, вам следует включить API в админ панели uCoz, для этого заходим в:
Админ панель => Настройки => Общие настройки => Разрешить использование API.
Прикрепления: 2633132.png(7Kb) · 3004068.png(7Kb) · 6241263.png(7Kb)
Дмитрий Асмус (Bro)
Модератор
Сообщений: 198
Нет на сайте
    

 
Компьютерный форум » Web-Мастер » Скрипты для сайта » Оповещение о новых личных сообщениях как вконтакте (Скрипты для ucoz)
Страница 1 из 11
Поиск: