» »

Прозрачное с Avarat оповещение на сайте ЛС


Прозрачное с Avarat оповещение на сайте ЛС

У каждого ресурса должна своя внутреннее оповещение, а вот какой она будет, здесь вам решать, к примеру Прозрачно с Avarat оповещение на сайте ЛС которая точная копия как на социальной сети В контакте. Теперь вы можете установить у себя на ресурсе и оно будет отлично работать а также выводить картинку, кто вам пишет. Выполнено в прозрачно темном виде и безусловно отличное решение поставить его на светлый портал. Но и проверил на темном и вы можете посмотреть как смотрится, что по мне, если не слишком черная гамма, то подойдет. И не нужно забывать, что прозрачность на нем хорошая, что дает прочитать спокойно, тему самого письма.

Установка:

Здесь все как у стандартных, идем в низ сайта и прописываем код в самом его низу. Потом заходим в админ панель в настройки - общие настройки и находим функцию Разрешить использование API: и выставляем как на картинке.



Но и сам код:

Код
<!--Оповещение ЛС-->  
<?if($USER_LOGGED_IN$)?>  
<div id="one_pm"></div> <script type="text/javascript"> var no_ava = 'http://zornet.ru/CSS-ZORNET/REN/ZR/folderpublicshare.png'; var this_mess_link = ''; function m_reload() { if($('#one_pm').html()=='') { $.get('/index/14?'+Math.random(), function (data) { $('b.unread', data).each(function (i,index) { getLink = $(index).parent().attr("href"); this_mess_link = getLink; getText = $(index).parent().text(); getAuthorName = $(index).parent().parent().children('a').eq(1).text(); getAuthor = $(index).parent().parent().children('a').eq(1).attr("href"); getID = '#one_pm'+i; var xml = $.ajax({ type: 'GET', url: '/api/index/8-0-'+getAuthorName.replace('-','~'), dataType: 'xml', async: false }).responseText; var urlAvatar = $(xml).find('struct:first member:contains("USER_AVATAR")').find('string').text(); var userName = $(xml).find('struct:first member:contains("USER_NAME")').find('string').text(); $('#one_pm').html('<div id="one_pm'+i+'" style="display:none">' +'<div class="h_newpm">' +'<div class="h_npin"><a class="h_nover" href="'+getLink+'"></a>' +'<div class="h_nptitle">Новое сообщение</div><span class="h_del" onclick="h_del();return false;"></span>' +'<div class="h_npl"><div class="h_npimg"><a href="#" id="hnp_avatar"></a></div></div>' +'<div class="h_npr"><a href="#" id="hnp_author"></a> <a id="hnp_text" href="'+getLink+'">'+getText+'</a></div>' +'</div>' +'</div>' +'</div><div id="hnp_sound"></div>'); $(getID+' #hnp_author').attr('href', getAuthor); $(getID+' #hnp_avatar').attr('href', getAuthor); $(getID+' #hnp_author').html(userName); $(getID+' #hnp_avatar').html('<img src="'+ (urlAvatar == '' ? no_ava : urlAvatar )+'">'); setTimeout(function(){$(getID).slideDown(200);},200); $('#hnp_sound').html('<audio src="http://zornet.ru/CSS-ZORNET/REN/ZR/Aska_zvuk.mp3" volume="2" autoplay></audio>');setTimeout(function(){$('#hnp_sound').html('')},2000); }); }); } } function h_del() {$('#one_pm').fadeOut(200,function(){$('#one_pm').html('<i></i>')});$.get(this_mess_link);} m_reload();setInterval(function(){m_reload()}, 15000); </script> <style type="text/css"> #one_pm {position:fixed;left:20px;bottom:0px;cursor:pointer;font-family:Tahoma,Arial,Verdana,sans-srif}  
  #hnp_sound {position:absolute;top:-1000px;left:-1000px}  
  #hnp_author span {display:none}  
  #hnp_author{color:#000;}  
  .h_newpm {position:relative;width:350px;height:110px;margin-bottom:20px; background: rgba(63, 62, 62, 0.9);text-shadow:0 1px 3px rgba(0,0,0,0.5);box-shadow:0 0 10px #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}  
  .h_newpm a {color: #FFE904;text-decoration:none;}  
  .h_newpm a:hover {color:#0000ff;text-decoration:underline}  
  .h_npin {padding:14px;padding-top:10px}  
  .h_nptitle {color:#FFF;font-size:13px;font-weight:bold;padding-bottom:12px}  
  .h_npimg {width:57px;height:57px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.3);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}  
  .h_npimg img {width:100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}  
  .h_npl {position:absolute;left:13px;top:38px;z-index:3;width:70px}  
  .h_npr {position:absolute;left:84px;top:38px;z-index:3;color:#FFF;font-size:13px;padding-right:14px}  
  .h_npr span {display:block}  
  .h_newpm:hover .h_del {display:inline-block;}  
  .h_del {position:absolute;display:none;top:12px;right:12px;z-index:3;cursor:pointer;background:url('http://zornet.ru/CSS-ZORNET/REN/ZR/close.png') 0px 0px;width:18px;height:18px}  
  .h_del:hover {background-position:0px 18px}  
  .h_nover {position:absolute;top:0px;left:0px;width:100%;height:100%;}  
  </style>  
  <?endif?>  
<!--/Оповещение ЛС-->


Забыл сказать про звук, просто у меня наушники для скайпа подключены и не услышал, но потом проверил, звук есть как щелкнуть по лбу, вообщем вы услышите.

Источник: yraaa.ru
25.06.2015 Просмотров: 504 Комментарий: (17)

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

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

Комментарий: 17
Kosten
Kosten 25.06.2015 19:501
0
Кто установит, отпишитесь плиз, как работает.
Kosten
Kosten 02.07.2015 02:392
0
Много оповещение делали под социальный ресурс В контакте, этот получился ближе, если не сказать как оригинал и работает отлично.
STORM5711
STORM5711 02.07.2015 19:143
0
Если брал его с yraaa то рабочий 100% и звук и всё остальное, себе от туда поставил на сайт.
Kosten
Kosten 02.07.2015 20:194
0
STORM5711, но у меня источник на этот сайт.
Kosten
Kosten 02.07.2015 20:215
0
А так проверял, все работает и вспомнил про звук, которого не слышал, просто наушника скайп подключены были. Одел и проверил и звук такой же на В контакте.
STORM5711
STORM5711 02.07.2015 21:266
0
Kosten, Звук можно любой поставить))) даже приколюху какую, щас их полно)))) главное все ссылки убрать стороннии и залить всё себе. crazy
Kosten
Kosten 02.07.2015 21:317
0
STORM5711, да, можно переставит, так как на звук стоит ссылка, можно вообще песню установить. ohyes
Kosten
Kosten 02.07.2015 21:368
0
STORM5711, поставить от mail, который идет на mail - агент. Там также небольшой звук, но в таком диапазоне, что сидишь в другой комнате и слышишь, хоть и громкость не большая.
workman
workman 03.07.2015 11:479
0
Протестировал на своем и что-то не робит... Ссылка не работает чтобы пройти прочитать и звук тоже выключен
А так если кому нужны звуки, то вот ссылка http://zvuki-tut.narod.ru/schelchok-paltsami.htm
Kosten
Kosten 03.07.2015 16:3810
0
workman, тестил и скрин с теста.
1 2 »
avatar