Каталог файлов |
Рейтинг:5.0
Категория: Скрипты для Ucoz
Новый скрипт,сделанный для уведомления об лс пользователя. Уведомление сделано н подобие контакта
Особенности:
1. Человеку сразу видно когда ему пришло личное сообщение.
2. Вывод списка новых сообщений.
3. Возможность ответить на сообщение сразу.
4. Вывод истории сообщений как в чате. (ну или вк)
5. Вывод аватара под каждым сообщением.
6. Поддержка капчты.
7. Удобства и красота!
Установка скрипта
1. Персональная страница пользователя в самый низ:
Code
<div style="display:none;"> <div id="avatar_ls" ><?if($_AVATAR$)?>$_AVATAR$<?else?>http://webo4ka.ru/Ucoz6/Novii_lc_no_ava.png<?endif?></div></div>
2. В нижнюю часть сайта:
Code
<div class="ls" style="display:none;"></div><div class="history" style="display:none;"></div>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/Novii_lc_new_ls.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?>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/Novii_lc_new_ls.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?>
3. В таблицу стилей (CSS) в самый низ:
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;}
.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;}
Готово!
Советую взглянуть:
Новый вид переключателя страниц — «Подгрузка контента» Блокировка мыши Игровой шаблон CarGame Чёрный мини-чат для uCoz с множеством функций
Всего комментариев: 0 | |