» »

Мини чат как на сайте ZorNet ru


Мини чат как на сайте ZorNet ru

Красивый мини чат, с большими возможностями, можно к него ставить картинку и так по дизайну не сложно добавить или убрать, вообщем чат на высоте. Красивый и рабочий чат. Говорю так как раньше стоял этот чат и коды взяты с него. Скажем первый чат который я дорабатывал и в его можно ставить не большие картинки и он будит их выводить как показана на скринфоте.
Приступаем к установке:
Скачиваем файл с нашего сайта. Идем в П.У - мини чат - Вставить в вид материалов и убираем от туда все и вставляем наш код
Код
<div style="white-space:normal">  
  <script type="text/javascript" src="/minichat/js/mchat.js"></script>  
  <div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">  
  <table width="100%"><tr><td><img src="http://zornet.ru/zornet_ru1/profile.png" align="absmiddle" width="13" border="0"><span style='cursor: pointer;' onclick='show_bar(event, $USER_ID$)'><b>$USERNAME$</b></span></td>  
  <td align="right"><span style="font-size:8px">$TIME$</span></td></tr></table>  
  <div align="center" style="display:none" id="hide2"></div>  

  <table id="win_$USER_ID$" onclick='hide_bar(860)' style='background: #d5d5d5; position:absolute; visibility:hidden; filter:alpha(opacity=85); opacity: 0.85; width: 110px; border: 1px solid #5d5d5d;'>  
  <tbody>  
  <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"><font color="5d5d5d"><b>Цитировать</b></font></a></td></tr>  
  <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="/index/14-$USER_ID$-0-1" target="self" ><font color="5d5d5d"><b>Отправить ЛС</b></font></a></td></tr>  
  <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Rd',' ',400,250,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/23-$USER_ID$'});return false;"><font color="5d5d5d"><b>Репутация ±</b></font></a></td></tr>  
  <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="/index/8-$USER_ID$" target="blank" ><font color="5d5d5d"><b>Профиль</b></font></a></td></tr>  

  <tr><td style="text-align: left;"><img onclick="hide_bar($USER_ID$)" src="/minichat/images/close.png" alt="Закрыть" border="0"></td></tr>  
  </tbody></table>  

  <div class="cMessage" style="text-align:left;">$MESSAGE$</div>  

  </div>

Потом вставить в форум добавления сообщения
Код
<div align="center"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a>Доступ запрещен</div>  
  <script type="text/javascript">  
  function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/'});}  
  function countMessLength(){var rst = 500-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu28').html(rst);}  
  var tID7174=-1;var tAct7174=false;  
  function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}  
  function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}  
  </script>  
  <form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">  
  <br>  

  <span>  
  <span  
  style="padding-right: 1px;" id="bc9"><input title="Вставить картинку"  
  value="img" onclick="tag_image1('mchatMsgF','')"  
  class="codeButtons" style="width: 25px;" id="img"  
  type="button"></span>  
  <span style="padding-right:  
  1px;" id="bc18"><input title="Вставить код"  
  value="code" onclick="simpletag1('code','','','mchatMsgF','')"  
  class="codeButtons" style="width: 30px;" id="code"  
  type="button"></span>  
  <span style="padding-right:  
  1px;" id="bc7"><input title="Вставить ссылку" value="URL" onclick="tag_url1('mchatMsgF','')" class="codeButtons"  
  style="direction: ltr; width: 45px;" id="url"  
  type="button"></span>  
  <script src="/minichat/js/bbmchat.js" type="text/javascript"></script> <span style="padding-right:  
  1px;" id="bc1"><input title="Bold" value="b" onclick="simpletag1('b','','','mchatMsgF','')" class="codeButtons"  
  id="b" style="width: 20px; font-weight: bold;"  
  type="button"></span>  
  <span style="padding-right:  
  1px;" id="bc2"><input title="Italic" value="i" onclick="simpletag1('i','','','mchatMsgF','')" class="codeButtons"  
  id="i" style="width: 20px; font-style: italic;"  
  type="button"></span>  
  <span style="padding-right:  
  1px;" id="bc3"><input title="Underline" value="u" onclick="simpletag1('u','','','mchatMsgF','')" class="codeButtons"  
  id="u" style="width: 15px; text-decoration: underline;"  
  type="button"></span></span>  
  <br>  

  <table border="0" cellpadding="1" cellspacing="1" width="100%">  

  <td width="10%" align="left">  
  <div align="center">  
  <span style="padding-right:  
  0px;" id="bc18"><input title="Правила чата"  
  value="Правила чата" href="javascript://" onclick="openLayerB('Rules_Mchat',0,'/minichat/xml/rules_mchat.xml','Правила чата',400,200,'1','','',0,'justify'); return false;"  
  class="codeButtons" style="width: 80px;" id="code"  
  type="button"></span></div></td>  

  <td width="70%" align="right">  
  <a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img border="0" align="absmiddle" src="http://zornet.ru/zornet_ru1/tf.png"></a>  
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-0-2'});return false;" title="Вставить смайл"><img border="0" align="absmiddle" src="http://zornet.ru/zornet_ru1/s.png"></a>  
  <a href="javascript://" rel="nofollow" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><img border="0" align="absmiddle" src="http://zornet.ru/zornet_ru1/mc.png"></a>  
  <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://zornet.ru/zornet_ru1/mcm.gif" width="15" height="15"></a>  

  </td></tr></table>  

   
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td colspan="2">$FLD_NAME$</td></tr>  
  <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  
  </table>  
   

   
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
  </table>  
   

   
  <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="100%">  
  <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>  
  <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
  </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>

Этот стиль прописываем в CSS
Код
.cBlock1 {background:#f0f0f0; border:1px solid #DDDDDD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}  
  .cBlock2 {background:#f0f0f0; border:1px solid #DDDDDD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
21.05.2012 Загрузок: 5 Просмотров: 1075 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Brung
Brung 11.10.2015 15:101
0
Спасибо, как не заметил этот чат, отлично работает и картинки можно показывать.
Canon
Canon 30.05.2016 20:522
0
Самый нормальный чат, хотя ему уже несколько лет, все как есть не изменилось.
avatar