ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Личном сообщении сайта ucoz как Vk.com

Личном сообщении сайта ucoz как Vk.com

Личном сообщении сайта ucoz как Vk.com
Возможно вы видели оповещение о новом личном сообщении как «В контакте»? Так вот именно этот скрипт, написан по подобию этого оповещения, только для системы uCoz.
При получение нового личного сообщения, "выйдет" оповещение. Скрипт поверяет на наличие определенного кода на странице Личные сообщения, содержится 2 $.get-запроса, второй запрос для аватара, по этому я выложу две версии скрипта — с аватаром и без.
Установка — в самый низ страниц, где хотим видеть уведомления:



Код

<?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://zornet.ru/Ajaxoskrip/Trendylsa/lyvedomlenie_o_lc_kak_v_vkontakte_-rhAVu.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://zornet.ru/Ajaxoskrip/Trendylsa/yvedomlenie_o_lc_kak_v_vkontakte_js.js"></script>  
<?endif?>


Персональная страница, ставим в самый низ почти перед /body этот скрипт.

Код
<!-- <zornet> -->  
  <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://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" border="0" align="absmiddle" style="width:50px; max-height:50px;" title="Нет аватара"><?endif?>  
  </span></span>  
  <!-- </zornet> -->






Вот вторая версия скрипта (без аватара):

Код
<?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://zornet.ru/zornet_ru6/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="/Ajaxoskrip/Trendylsa/yvedomlenie_o_lc_kak_v_vkontakte_js2.js"></script>  
  <?endif?>


Простое сообщение в темной гамме



Код

<?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://zornet.ru/Ajaxoskrip/Fyrkes/lyvedomlenie_o_lc_kak_v_vkontakte_-Ycwbr.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://zornet.ru/zornet_ru9/LS.js"></script>  
  <?endif?>
23 Июня 2012 Просмотров: 4017 Комментариев: (14)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 7
Kosten
Kosten 23 Мая 2013 17:481
0
salve, БЛАГОдарствую за пояснение. cool
noavatar
salve 23 Мая 2013 17:502
0
не за что
Kosten
Kosten 07 Декабря 2015 00:393
0
Добавил скрипт личного сообщение как на сайте zornet.ru и проверить старый код. И как знал, что он на половину уже багнутый был, все исправил и проверил.
ZruBkul
ZruBkul 07 Декабря 2015 00:464
0
Смотрю свой от сайта добавил, а что так?
Kosten
Kosten 07 Декабря 2015 00:495
0
Давно его залил и на сайте как материал есть, здесь просто в догонку поставил, может кто то не найдет, так здесь будет.
FeStemBer
FeStemBer 07 Декабря 2015 01:256
0
Скрипт под названием "Вот вторая версия скрипта (без аватара):" нужно сменить на рабочий, то перекидывает на сайт.
Kosten
Kosten 07 Декабря 2015 01:367
+1
Tventum, исправил и проверил, изображение приложил, это хорошо что замечен косяк был.
avatar