Данный скрипт подобие оповещения ЛС как в социалке ВКонтакте, типичностью он почти тоже самое что и там.Написан он для системы ucoz, по подобию этого оповещения, только для системы uCoz.
При получение нового личного сообщения, появится оповещение как указано на скрине.
Скрипт проверяет на наличие определенного кода на странице ЛС, содержится 2 $.get-запроса, второй запрос для аватара, по этому я выложу две версии скрипта — с аватаром и без.
Внимание КОД скрипта ОБНОВЛЕН на 12.05.2011
Установка:
в самый низ страниц, где хотим видеть уведомления вставляем данный код:
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://bolena.3dn.ru/images/layer_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://usite.su/js/uSite.su.ls.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://bolena.3dn.ru/images/layer_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://usite.su/js/uSite.su.ls-2-.js"></script>
<?endif?>