В CSS:
Code
/* Chat */
.fame_chat{border-bottom:1px solid #0B0B0B;overflow:hidden;margin-top:0px;}
.chat_profile{display:block;text-align:center;float:right;border-left:1px solid #0B0B0B;border-bottom:1px solid #0B0B0B;color:#999;margin:0 0px;padding:0px 6px;padding:2px 6px 2;font-family:Tahoma;font-size:11px;}
.chat_profile:hover{color:#76A0C4;background:#0F0F0F;}
.chat_name{background:#111111;display:block;cursor:pointer;color:#555;padding:0px 4px;padding:2px 4px 2;font-family:Tahoma;font-size:11px;border-bottom:1px solid #0B0B0B;}
.chatmessagesr{background:#3A3838;color:#676767 !important;font: 11px tahoma; background:url('http://plan-cs.ru/dizain/blsh.png') repeat-x;padding:5px; 0 3px 0}
.chat_time{display:block;text-align:center;float:right;border-left:1px solid #0B0B0B;color:#999;margin:2 0px;padding:0px 6px;height:16px;font-family:Tahoma;font-size:11px;}
.input_chat{background:#171717;border:1px solid #0B0B0B;font-weight:700;cursor:pointer;display:inline-block;margin:0px 0;padding:6px 19px;}
.input_chat:hover{background:#151515;color:#777;font-weight:700;}
.chat_menu{background:#171717;border:1px solid #0B0B0B;font-weight:700;cursor:pointer;display:inline-block;margin:0px 0;padding:6px 28px;}
.chat_menu:hover{background:#151515;color:#777;font-weight:700;}
.bb_chat{background:#171717;border:1px solid #0A0A0A;font-weight:700;cursor:pointer;display:inline-block;margin:0px 0;padding:0px 2px;}
.bb_chat:hover{background:#151515;color:#777;font-weight:700;}
#mchatMsgF{width:188px;height:48px;margin:0px 0;background:#131313;border:1px solid #0B0B0B;display:block;}
/* ----------------- */
В вид материалов:
Code
<div class="messchat"><div class="fame_chat">
<div style="float:right;"><div class="chat_profile" title="Профиль пользователя">
<a href="$PROFILE_URL$" style="color:#999;" target="_blank">
<img src="http://img-urips.ucoz.ru/_ph/1/2/440183686.png" border="0" alt="" /></a></div>
<div class="chat_time" style="color:#3F3F3F;" title="$DATE$">$TIME$</div></div>
<div class="chat_name" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b][i]$USERNAME$[/i][/b], ';return false;">
<font color=346D9A><b></b></font><font color=346D9A><b>$USERNAME$</b></font> </div>
<div class="chatmessagesr" style="word-wrap: break-word;">$MESSAGE$</div>
</div> </div>
