Новое ЛС, сообщение + звук

Jocker

Дата: Суббота, 31.01.2015, 16.54.12 | Сообщение # 1

Глава сайта

Группа: Администраторы

Сообщений: 493

« »

Смайл настроения:

Ранг:

Доп. данные:

Окно оповещения о входящем ЛС на сайте. В окошке указано от кого пришло, на какую тему, в общем вот пример. Войдя на сайт, у вас появится вот такое окно. Место положение корректируется под ваши потребности. В данном случае будет по центру экрана.

Установка:
!. ПУ -->"Управление дизайном"-->"Глобальные блоки" и создаем новый глобальный блок, в шаблон которого вставляем следующий код:

Цитата

<?if($UNREAD_PM$>'0')?>
<style>
.LsMesWrap {position: fixed; bottom:270px; right:500px; padding:10px; color:#fff;}
.LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('') #000; opacity:0.9;border:3px solid #ff7518;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="/js/pmmess1.js"></script>
<script type="text/javascript">
function close_ls_win() {
$('.LsMesWrap').css('display','none')
}
</script>
<?endif?>

Сохраняем! У вас появится название блока $GLOBAL_........$ вставляем в шаблоны страниц сайта, перед </body> на которых Вы хотите этот блок видеть, либо в самый верх или низ шаблона.

2. Создаете файл JS добавляете этот код в файл и заливаете к себе в корневую папку.

Цитата

$.get('/index/14', function(data){
$('b.unread', data).each(function() {
var NameTheme = $(this).text();
var UrlTheme = $(this).parent('a').attr('href');
var UserTheme = $(this).parent('a').next().text();
var UrlTds = $(this).parent('a').next().attr('href');
var urlSplit = $(this).parent('a').attr('href').split('/')[4].split('-')[1];

$.get(UrlTds, function(da){
var ddaa = $(".Ls_Avik", da).html();
$(".avkoss"+urlSplit+"").html(ddaa);
});

$(".LsMesWrap").append('<div class="LsMesWrapp"><table border="0" cellpadding="10" cellspacing="0" width="100%"><tr><td width="50px" valign="top"><div class="avkoss'+urlSplit+'"></div></td><td style="padding-left:7px;" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td height="42px" valign="top"><div style="margin-bottom:7px;color:#b1daff;">Вам ЛС от: <b><font color="#ffff00">'+UserTheme+'</font></b><div style="float:right;"><img src="/img/delete_fp.gif" onclick="close_ls_win();" style="cursor:pointer;"></div></div><font color="#b1daff">Тема ЛС:</font> <font color="#ffff00"><b>'+NameTheme+'</b></font></td></tr><tr><td align="right" valign="bottom"><a style="color:#ff7518;" href="'+UrlTheme+'"><b>Прочитать</b></a></td></tr></table></td></tr></table></div>');

});
});

Синий-местоположение окна.
Красный-цвет текста в окне.
Фиолетовый-прозрачность.
Зеленый-толщина рамки и цвет.
Вот в принципе и все. При возникновении вопросов обращайтесь. Удачи.

Дополнение:

Вот еще один код. Приходит сообщение и сопровождается звуковым эффектом. Этот код ставите аналогично предыдущему, т.е. либо в глобальный блок, либо вверх или низ. Удачи.

Цитата

<?if($USER_LOGGED_IN$)?>
<style>
.ScrLeft {
background-color:white;
position: fixed;
left: 20px;
top: 20px;
width: 165px;
border:1px solid orange;
border-radius: 3px;
top: expression(
parseInt(document.body.scrollTop, 10) + "px"
);
}
</style>
<div class="ScrLeft">
<a href="$PM_URL$" class=w>$USERNAME$ вам письмо!</a> <?if($IS_NEW_PM$)?> (новых <b>$UNREAD_PM$</b>) <bgsound src="ссылка на звук" loop="1"><?endif?>
</div>
<?endif?>

Красное - на ваш выбор, звук ICQ и Vk, соответственно - http://prosidr.ru/ICQ.mp3 и http://prosidr.ru/vk.mp3

Прикрепления: 0463122.png(34Kb)

Сколько людей, столько и мнений.