Уведомление о личном сообщении как «Вконтакте»
Все пользователи, зарегистрированные Вконтакте, могли видеть такую функцию, как всплывающее внизу экрана черного цвета окно оповещения о Личных сообщениях. Такой скрипт был переписан для системы uCoz.
При получение нового личного сообщения, появляется окно с оповещением. Скрипт поверяет наличие определенного кода на странице «Личные сообщения» и выводит информацию при изменении на странице.
Первая версия скрипта с использованием аватара: в самый низ страниц, где хотим видеть уведомления, ставим вот этот код
Code
<?if($UNREAD_PM$>'0')?>
<style>
.LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}
.LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://webo4ka.ru/Ucoz3/lyvedomlenie_o_lc_kak_v_vkontakte_ayer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -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);}
</style>
<div class="LsMesWrap"></div>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz3/yvedomlenie_o_lc_kak_v_vkontakte_js.js"></script>
<?endif?>
И на персональную страницу, в любое место (для первой версии):
Code
<!-- <New_Message by uSite_su> -->
<span style="display:none;"><span class="Ls_Avik">
<?if($_AVATAR$)?><img src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0" style="width:50px; max-height:50px;" />
<?else?><img style="" src="http://nash-kavkaz.net.ru/images/noavatar.png" border="0" align="absmiddle" style="width:50px; max-height:50px;" title="Нет аватара"><?endif?>
</span></span>
<!-- </New_Message by uSite_su> -->
Вторая версия скрипта идет без использования аватара: так же в самый низ страниц, где хотим видеть уведомления, ставим вот этот код
Code
<?if($UNREAD_PM$>'0')?>
<style>
.LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}
.LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://webo4ka.ru/Ucoz3/lyvedomlenie_o_lc_kak_v_vkontakte_ayer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -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);}
</style>
<div class="LsMesWrap"></div>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz3/yvedomlenie_o_lc_kak_v_vkontakte_js2.js"></script>
<?endif?>
Также весь процесс установки можно скачать в архиве. Вес 1.35 Кб. Скачивание с сервера!
Источник: http://vkontakte.ru/
0 комментариев