Новенький скрипт мини-чата для сайта ucoz
В вид материалов:
<div class="blockGbChat cBlock1"> <br> <div style="float:left"> <br> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').<br>focus();parent.window.document.getElementById('mchatMsgF').<br>value+='$NAME$, ';return false;"> <font color=CC6A6A><b>$NAME$</b></font><b>$NAME$</b> <br> </a> <br> </div> <br> <div style="text-align:right" class="transparency"> <br> <span title="$DATE$" style="color:grey;font-size:9px;">$TIME$</span> <br> <a href="$PROFILE_URL$"> <br> <img src="http://scucoz.ru/ucoz-kar/profile.png" align="absmiddle" border="0"> <br> </a> <br> </div> <br> <div class="hrchat"></div> <br> $MESSAGE$ <br> </div>
В форму добавления сообщений:
<div align="center"> <table cellspacing="0" cellpadding="0"> <br> <tr> <br> <td class="op_fon"> <br> <img src="http://scucoz.ru/ucoz-kar/dialog-warning.png"></td> <br> <td class="gost" valign="top"> <br> Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>. <br> </td> <br> </tr> <br> </table> <table cellspacing="0" cellpadding="0"> <br> <tr> <br> <td class="op_fon"> <br> <img src="http://scucoz.ru/ucoz-kar/dialog-warning.png"></td> <br> <td class="gost" valign="top"> Вам запрещено добавлять сообщения. Доступ к мини-чату закрыт <br> </td> <br> </tr> <br> </table> </div> <br> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <br> <tr><td>$FLD_AUTOUPD$</td> <br> <td width="70%" align="right"> <br> <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://scucoz.ru/ucoz-kar/123.png" width="13" height="15"></a> <br> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://scucoz.ru/ucoz-kar/lol.gif" width="13" height="15"></a> <br> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://scucoz.ru/ucoz-kar/bb-codesss.png" width="16" height="16"></a> <br> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://scucoz.ru/ucoz-kar/456.png" width="15" height="15"></a><br><div style="display:none"><a href="</span></span><span class="ucoz-forum-post" id="ucoz-forum-post-9655"><span class="ucoz-forum-post" id="ucoz-forum-post-9655"><span class="ucoz-forum-post" id="ucoz-forum-post-9655"><span class="ucoz-forum-post" id="ucoz-forum-post-9655">http://scucoz.ru/load">Мини-чат</a></span></span></div> <br> </td></tr></table> <br> <br> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <br> <tr><td colspan="2">$FLD_NAME$</td></tr> <br> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> <br> </table> <br> <br> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <br> <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr> <br> </table> <br> <br> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <br> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> <br> </table> <br> <br> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <br> <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td> <br> <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td> <br> </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>
В CSS вставляем это:
.blockGbChat {margin:5px 0px;padding:2px 6px;max-width:184px;overflow:hidden;} .cBlock1 {border:1px solid #cfcfcf;background:#f8f8f8;} .hrchat {height:1px;width:100%;background:white;border-top:1px solid #dddddd;margin:2px;} input#mchatBtn {background:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;} input#mchatBtn:hover {background:#fff;border:1px solid #cfcfcf;cursor:pointer;} input#mchatBtn:focus {border:1px solid #bdbdbd;} textarea#mchatMsgF {background:#fbfbfb;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;width:140px !important;} textarea#mchatMsgF:hover {background:#fff;border:1px solid #cfcfcf;} textarea#mchatMsgF:focus {border:1px solid #bdbdbd;} .transparency a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=70);} .transparency a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);} .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;} .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;width:150px;} .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
|