[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Мини-чат v1.1 от Webing
ceedДата: Среда, 17.08.2011, 11:08 | Сообщение # 1
Сообщений: 1
Репутация: 0
Offline

Установка:
CSS:
Code
.mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;padding-right:5px;}   
   .mchat textarea:hover {background:#fff;}   
   .mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:40px;margin-left:-2px;width:20px;}   
   .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:50px;font:10px Tahoma;}   
   .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;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;}   

   .option {border:1px solid #ccc;height:20px;margin:5px 0;width:100%;padding-top:3px;background:#fff;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:#E8E8E8;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;}

Форма добавления сообщений:
Code
<style>   
   .codes {background:#f7f7f7;border:1px solid #ccc;border-top:none;width:99%;}   
  </style>   
   <?if($USER_LOGGED_IN$)?>   
  <div class="option">   

  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://rip-ucoz.ru/LESSEON/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://rip-ucoz.ru/LESSEON/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://rip-ucoz.ru/LESSEON/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://rip-ucoz.ru/LESSEON/configure.png" width="16" height="16"></a><?endif?>   
  <span style="float:right;"><a href="javascript://" onclick="new _uWnd('myName','Мини-чат by Webing © Rip-uCoz.Ru',500,200,{autosize:1,maxh:300,minh:100},'При копировании материала обязательно указывать источник.<br><b>Автор:</b> Webing<br><b>Оф. Сайт:</b> Rip-uCoz.Ru');"><img alt="" src="http://rip-ucoz.ru/LESSEON/comment_question.png" width="16" height="16"></a><span>   

  </div>   
  <table class="mchat" cellspacing="0" cellpadding="0">   
  <tr>   
  <td width="100%">$FLD_MESSAGE$</td>   
  <td>$SUBMIT$</td>   
  </tr>   

  </table>   
   <?if($FLD_SECURE$)?>   
   <table class="codes">   
   <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>   
   </table><?endif?>   
   <?else?><br>   
  <table cellspacing="0" cellpadding="0">   
  <tr>   
  <td class="op_fon">   
  <img src="http://rip-ucoz.ru/LESSEON/dialog-warning.png"></td>   
  <td class="gost" valign="top">   
   Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.   
  </td>   
  </tr>   
  </table>   
   <?endif?>

Вид материалов:
Code
<div class="cBlock">   
  <div class="chat">   
  <span style="float:right">$TIME$</span>   
  <div style="text-align:left;">   
  <div style="padding-left:7px;"><a 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>
  • Страница 1 из 1
  • 1
Поиск: