Темный мини-чат для ucoz
В вид материалов:
Code
<div class="cBlock">
<div class="chat">
<span style="float:right; padding-right: 3px; color:fff">$TIME$</span>
<div style="text-align:left;">
<div style="padding-left:7px;"><a style="text-decoration: none; color: #fff" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></div>
</div>
</div>
<div class="cMessage" style="text-align:left;">$MESSAGE$</div>
</div>
<style>
body {background: #303030 !important;}
.chat {background:#363636;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;}
.cBlock {margin:0px;padding:0px;border:none;}
.cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;}</style>
В форму добавления сообщений:
Code
<?if($USER_LOGGED_IN$)?>
<div class="option">
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://novi4ok.ru/serv/img/ucoz/mchat/arrow_refresh_small.png" width="16" height="16"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://novi4ok.ru/serv/img/ucoz/mchat/emoticon_grin.png" width="16" height="16"></a><?endif?>
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://novi4ok.ru/serv/img/ucoz/mchat/page_code.png" width="16" height="16"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://novi4ok.ru/serv/img/ucoz/mchat/configure.png" width="16" height="16"></a><?endif?>
<span style="float:right;"><a href="javascript://" onclick="new _uWnd('myName','Правила',500,200,{autosize:1,maxh:300,minh:100},'тут правила');"><img alt="" src="http://novi4ok.ru/serv/img/ucoz/mchat/comment_question.png" width="16" height="16"></a><span>
</div>
<table class="mchat" cellspacing="0" cellpadding="0">
<tr>
<td>$FLD_MESSAGE$</td>
<td>$SUBMIT$</td>
</tr>
</table><?else?><br>
<table cellspacing="0" cellpadding="0">
<tr>
<td class="op_fon">
<img src="http://novi4ok.ru/serv/img/ucoz/mchat/dialog-warning.png"></td>
<td class="gost" valign="top">
Для добавления сообщения <a href="$LOGIN_LINK$">авторизуйтесь</a>.
</td>
</tr>
</table>
<?endif?>
<style>
.option {border:1px solid #000;height:20px;margin:5px 0;padding-top:3px;background:#383838;filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.option:hover {filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}
.chat {background:#363636;border:1px solid #464646;padding:3px 0;font:11px Tahoma;border-top:none;}
.mchat textarea {color: #fff; border:1px solid #363636;background:#363636;}
.mchat textarea:hover {background:#464646;}
.mchat input {background:#363636;border:1px solid #363636;border-left:none;height:42px;width:100%;margin-left:-2px;}
.gost {background:#fff;border:1px solid #363636;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;}
.gost a {font-size:7pt; color: #EDA710;}
.gost a:hover {text-decoration:none; color:000;}
.op_fon {background:#363636;border:1px solid #363636;border-right:1px dotted #ccc;width:40px;height:50px;}
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
</style>
вот сам поставил Ссылка