Его прелесть в том, что он выезжающий при нажатии на маленькую кнопку как на ураа.ру
Новый мини-чат установка:
Вид материалов:
Code
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px; font-size:12pt; border:1px solid #dedede">
<div style="float:right;font-size:10pt;" title="$DATE$">$TIME$</div>
<div style="text-align:left;font-size:10pt;">
<a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://s23.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a>
<a href="$PROFILE_URL$" target="_blank"><b>$NAME$</b></a>
<a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s23.ucoz.net/t/888/e.gif"></a>
<a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s23.ucoz.net/t/888/h.gif"></a>
</div>
<div class="cMessage" style="text-align:left;font-size:10pt;">$MESSAGE$</div>
<br>$STR_CUSTOM1$: $CUSTOM1$
<br>$STR_CUSTOM2$: $CUSTOM2$
</div>
Форма добавления сообщений:
Code
<div align="center"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a>Доступ запрещен</div>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td>$FLD_AUTOUPD$</td>
<td width="70%" align="right">
<a href="$RELOAD_URI$">Обновить</a>
<a href="$SMILES_URI$"></a>
| <a href="$MSGCTRL_URI$">Редактор</a>
</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<table border="0" cellpadding="1" cellspacing="1" width="200">
<tr><td>$IMG_SECURE$</td><td><nobr>Код*: $FLD_SECURE$</nobr></td></tr>
</table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>
<td align="center" valign="top"><div style="font-size:10px;"><font color="#646464">$LENGTH_COUNTER$</font></div></td>
</tr><tr><td align="center" valign="bottom">
<div style="width: 30px;"><input value="+" class="mchat" id="mchatBtn" style="width: 30px;" type="submit"><img style="display: none;" id="mchatAjax" src="http://yraaa.ru/ajax/ajsml.gif" border="0" height="16" width="16"></div></td></tr></table>
Куда хотим между <body> </body>
Code
<style>
.yraAgent {border:1px solid #646464;border-bottom:0;background:#dedede url('');right:25px;bottom:0px;position:absolute;background-position:0 0;position:fixed;padding:5px;cursor:pointer;color:black;text-decoration:none}
.yraAgent:hover {background:#ffffff;color:black;text-decoration:none}
.agentBody {border:1px solid #646464;border-bottom:0;background:#ffffff;right:25px;bottom:0px;position:absolute;background-position:0 0;position:fixed;width:290px;}
.pointer {cursor:pointer}
.closeYraaaAgent {padding:4px;display:block;background:#254b6f url('/img/blue.gif');color:#FFFFFF;border-bottom:1px solid #646464;text-decoration:none;font-weight:bold}
.closeYraaaAgent:hover {padding:4px;display:block;background:orange url('/img/orange.gif');color:#FFFFFF;border-bottom:1px solid #646464;text-decoration:none}
</style>
<script>function agentPlay() {$('.yraAgent').toggle('fast'); $('.agentBody').slideToggle('fast')}</script>
<a class="yraAgent" id="AgentStart" onclick="agentPlay()">
<img src="http://yraaa.ru/img/on_agent.png"> Чат-агент
</a>
<div class="agentBody" id="Agent" style="display:none">
<a href="javascript:;" onclick="agentPlay()" class="closeYraaaAgent">Закрыть</a>
$CHAT_BOX$Фото не установлено! Вы не можете писать в агенте.Необходимо зарегистрироваться или выполнить вход!
</div>
<!--[if IE]>
<style type="text/css">
#AgentStart {position:absolute}
#Agent {position:absolute;}
</style>
<![endif]-->
