Мини чат для ucoz

Чат для сайта ucoz в красных тонах.
Установка мини чата для ucoz:
1.Заходим в П.У-->Управление дизайном-->Мини-чат-->Форма добавления сообщений и вставляем код:
Code
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$
</td></tr>
</table>
<table border="0" cellpadding="1" cellspacing="1" width="200px">
<tr>
<td align="right">
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://faqpk.ru/images/script/1/mcr.gif" width="13" height="15"></a>
<a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://faqpk.ru/images/script/1/mcs.gif" width="13" height="15"></a>
<a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://faqpk.ru/images/script/1/mcb.gif" width="13" height="15"></a>
<a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://faqpk.ru/images/script/1/mcm.gif" width="15" height="15"></a>
</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1">
<tr>
<td><textarea name="mcmessage" class="message_mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea></td>
<td><input type="submit" value="" class="mchatButton" id="mchatBtn"><img alt="" style="display:none;" id="mchatAjax" src="http://faqpk.ru/images/script/1/ajax3.gif" border="0" width="16"/></td>
</tr>
</table>
2.Заходим в П.У-->Управление дизайном-->Мини-чат-->Вид материалов и вставляем код:
Code
<div class="mchat_messages">
<div class="muser"><a href="$PROFILE_URL$"><img src="http://faqpk.ru/images/script/1/muser.png" alt="" border="0" /></a></div>
<div class="mchat_user"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;"><b>$NAME$</b></a></div>
<div class="m_mchats">$MESSAGE$</div>
<div class="mchat_bottom"></div>
</div>
3.Заходим в П.У-->Управление дизайном-->CSS и вставляем код:
Code
.mchat {width:201px;padding-bottom:10px;}
.mchat_1 {background:url('http://faqpk.ru/images/script/1/mchat_1.png');height:5px;}
.mchat_2 {background:url('http://faqpk.ru/images/script/1/mchat_2.png');padding-right:4px;}
.mchat_3 {background:url('http://faqpk.ru/images/script/1/mchat_3.png');height:5px;}
.message_mchat {width:114px;height:40px;background:#fff;border:1px solid #7a0204;color:#7a0204;font:normal 9pt Arial;margin-left:4px;padding:0px;}
.mchatButton {background:url('http://faqpk.ru/images/script/1/mchatButton_link.png');width:65px;height:22px;border:0px;margin:0px;padding:0px;cursor:pointer;cursor:hand;margin-left:5px;}
.mchatButton:hover {background:url('http://faqpk.ru/images/script/1/mchatButton_hover.png');}
.mchat_messages {width:167px;padding-left:5px;padding-bottom:4px;}
.mchat_user {background:url('http://faqpk.ru/images/script/1/mchat_user.png');height:15px;font:bold 8pt Tahoma;padding-top:2px;color:#fff;padding-left:10px;}
.mchat_bottom {background:url('http://faqpk.ru/images/script/1/mchat_bottom.png');height:10px;}
.m_mchats {background:#fff;padding:4px;font:normal 9pt Arial;}
.muser {padding-right:9px;padding-top:6px;float:right;}
4.Заходим в П.У-->Управление дизайном-->Первый контейнер или Второй контейнер и вставляем код:
Code
<!-- -->
<div class="mchat">
<div class="mchat_1"></div>
<div class="mchat_2">$CHAT_BOX$</div>
<div class="mchat_3"></div>
</div>
<!-- / -->
|