Новый Чат с кучей функций.
Возможности: * Множество смайликов * Выбор настроения * Настройка цвета текста * Выбор цвета рамки сообщения * Различные цвета Вашего ника * Редактирование и удаление сообщений на этой же странице * Отправка ЛС прямо из чата * Проверка статуса отправителя сообщения * Выбор автообновления чата * Показ количества оставшихся символов
Установка:
Копируем код Главная » Управление дизайном » Мини Чат » Вид материалов: Code <script type="text/javascript" src="http://trane73.ru/demo/mchat/chatik.js"></script> <link type="text/css" rel="StyleSheet" href="http://s49.ucoz.net/src/layer4.css" /> <div style="padding:4px;margin:4px;border: 1px solid redbluegreenorangegrayaquapink"> <div style="float:right;font-size:10px;">$DATE$ в $TIME$</div> <div style="text-align:left;"> <img alt="" src="http://trane73.ru/demo/mchat/su.png" border="0" style="vertical-align:-4px" />
<a href="javascript://"
onclick="$('#upanel$NUMBER$').slideToggle('fast');$('#umess$NUMBER$').slideToggle('fast')"
style="text-decoration:none"><b style="color:
redbluegreenorangegrayaquared">$NAME$</b></a> [<a
href="javascript://"
onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]{$NAME$}[/b]:
';return false;">Ответить</a>] </div>
<div class="cMessage" style="text-align:left;"><div
id="upanel$NUMBER$" style="display:none;"><a href="$PROFILE_URL$"
title="$USERNAME$">Профиль</a> | <a href="javascript://"
onclick="trane73.ls('$USERNAME$')">Отправить сообщение</a> |
<a href="javascript://"
onclick="trane73.checka('$USERNAME$','#ch$NUMBER$')">Проверить
статус</a><span
id="ch$NUMBER$"></span></div><div id="umess$NUMBER$"
style="color:
redbluegreenorangegrayaquablack"></div></div> </div>
Далее заменим код Главная » Управления дизайном » Мини Чат » Форма добавления сообщений: Code <script type="text/javascript" src="http://trane73.ru/demo/mchat/chatik.js"></script> <div style="border-top:1px solid pink;padding:3px;" class="cha"> <div align="center" style="padding:15px 0;font-size:12pt;"> <a href="$LOGIN_LINK$">Для добавления необходима авторизация</a>Доступ запрещен </div> <table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td> Еще символов: $LENGTH_COUNTER$ | <a href="$RELOAD_URI$" title="Обновить">Обновить</a> | <a href="javascript://" onclick="$('#smile').slideToggle('fast')" title="Смайлы">Смайлы</a> |
<a href="javascript://"
onclick="$('#chatik').slideToggle('fast');$('#moder').slideToggle('fast')"
title="Модерирование">Модерирование</a> | <a href="javascript://" onclick="$('#settings').slideToggle('fast')" title="Настройки">Настройки</a> </td><td width="20%" align="right">$FLD_AUTOUPD$</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1"
width="100%"><tr><td width="85%"><input id="mchatMsgF"
onkeyup="countMessLength();"
style="height:19px;width:500px;"></td>
<td><input type="button" value="Отправить" id="mchatBtn"
onclick="trane73.sendch()" style="width:100px;"><img
style="display:none;" id="mchatAjax"
src="http://s44.ucoz.net/img/fr/ajax3.gif"
border="0"/></td></tr></table> </div> <script type="text/javascript"> trane73.infa(); trane73.smiles(); </script>
Заходим Главная » Управление дизайном » Пользователи » Персональная страница и вставляем после </head>:
Code <span
style="display:none"><span id="checka"> - <span
class="statusOnline">Online</span>$_STATUS$</span></span>
Теперь создаем новую страницу и копируем туда этот код: Code <div style="border:1px solid pink" id="chatik">$CHAT_BOX$</div>
<div style="border:1px solid pink;display:none"
id="moder"><iframe id="mchatka" src="/mchat/0-1" frameborder="0"
width="100%" height="400px"></iframe> <center>
<a href="javascript://" rel="nofollow"
onclick="document.getElementById('mchatka').src='/mchat/0-1';return
false;" title="Обновить">Обновить</a> | <a
href="javascript://"
onclick="$('#chatik').slideToggle('fast');$('#moder').slideToggle('fast')"
title="Закрыть модерирование">Закрыть модерирование</a>
</center></div>
|