Скрипты для uСoz: Новая система уведомлений об ЛС v 1.0

Новая система уведомлений об ЛС v 1.0

JavaScript

[zzz][paddi]Представляю вашему вниманию новый скрипт уведомления об личном сообщений. Сделано все на подобии сообщений вк. В скрипте реализованы только наиболее необходимые функции. Если вы желаете предложить что-то добавить напишите в комментарии. В новой версии все будет.
Особенности:
1. Человеку сразу видно когда ему пришло личное сообщение.
2. Вывод списка новых сообщений.
3. Возможность ответить на сообщение сразу.
4. Вывод истории сообщений как в чате. (ну или вк)
5. Вывод аватара под каждым сообщением.
6. Поддержка капчты.
7. Удобства и красота! [/paddi][/zzz]
[den][paddi]Установка скрипта[/paddi][/den]
[zzz][paddi]1. Персональная страница пользователя в самый низ: [/paddi][/zzz]

Code

<div style="display:none;"> <div id="avatar_ls" ><?if($_AVATAR$)?>$_AVATAR$<?else?>http://web41k.ru/no_ava.png<?endif?></div></div>

[zzz][paddi]2. В нижнюю часть сайта: [/paddi][/zzz]

Code

<div class="ls" style="display:none;"></div><div class="history" style="display:none;"></div>
<script type="text/javascript" src="http://web41k.ru/Scripts_files/new_ls_web41k.js"></script>
<?if($UNREAD_PM$)?>
<script type="text/javascript">
$system_message.alert('$USERNAME$','$UNREAD_PM$','<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://web41k.ru/no_ava.png<?endif?>');
</script>
<?endif?>

[zzz][paddi]3. В таблицу стилей (CSS) в самый низ: [/paddi][/zzz]

Code

.ls_new {padding:6px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow-y:auto;}
   .ls_new:hover {background:#fff; }
   .ls_new a {text-decoration:none;}
   .his_text {background:#fff; border:1px solid #ccc;border-bottom:none; padding:5px;min-height:49px;}
   .his_text img {float:left;margin-right: 8px;
background: #F7F7F7;
padding: 3px;
border: 1px solid #CCC;
   border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}

Жаловаться на материал
Полезный материал