Красивый чат для uCoz

  


Красивый чат для uCoz,приятного общения вам и вашим пользователям
В css вставить стиль кнопок
Code
/* Кнопки */  

  .zp-button,.g-button,input.bbcodes{padding:4px  
  10px;font-size:11px;font-family:"Segoe Ui","Tahoma";background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #D8D8D8;border:1px  
  solid #B3B3B3;color:#444;text-shadow:0 1px 0 #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0 0 1px #FFF inset;box-shadow:0 0 1px #FFF inset;-webkit-box-shadow:0 0 1px #FFF inset;cursor:pointer;text-align:center;min-width:60px;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.zp-button:hover,.g-button:hover,input.bbcodes:hover{background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #EDEDED;color:#444}.zp-button:active,.g-button:active,input.bbcodes:active{background:#D8D8D8;-moz-box-shadow:0 0 1px #AAA inset;box-shadow:0 0 1px #AAA inset;-webkit-box-shadow:0 0 1px #AAA inset;color:#444}.zp-button:disabled,.g-button:disabled,input.bbcodes:disabled{background:url('http://zagruzka-plus.ws/zptpl/images/button-bg.png') repeat-x #D8D8D8;-moz-box-shadow:0 0 1px #FFF inset;box-shadow:0 0 1px #FFF inset;-webkit-box-shadow:0 0 1px #FFF inset;opacity:0.6;cursor:default}


В Форма добавления сообщений
Code
<link type="text/css" rel="StyleSheet" href="/css/chat.css" />
<script type="text/javascript" src="/js/Chat.js"></script>

<div class="chat-panel" style="left: 25px; display: block; ">
<span class="chat-panel-button button-archive tipsy-top" title="" href="$MSGCTRL_URI$" original-title="Архив"> </span>
<span class="chat-panel-button chat-send-button" onclick="iChatOpenForm(); return false;">Написать</span>
<span class="chat-panel-button button-rules tipsy-top" title="" onclick="javascript:chat(); return false;" href="javascript://" original-title="Правила"> </span>
<span class="chat-panel-button button-sound tipsy-top" title="" onclick="clearCook();" original-title="Вкл/выкл. звук"> </span>
</div>

<div id="iChat-write-form" style="bottom: 6px; left: 5px; right: 5px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0.648438); padding-right: 6px; padding-left: 6px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; position: absolute; display: block; padding-top: 6px; padding-bottom: 6px; background-position: initial initial; background-repeat: initial initial; display:none;">
  <div class="ichat-editor" style="border:0px;">
<div class="bbcodes-p" style="background:#EBEBEB; width:100%;">
  <div id="b_b" class="editor_button" href="javascript:s();//" onclick="simpletag1('b','','','mchatMsgF','')"><img title="Полужирный" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/bold.png" width="16" height="16" border="0" alt=""></div>
<div id="b_i" class="editor_button" href="javascript:if(typeof YzWXys==typeof alert)YzWXys();//" onclick="simpletag1('i','','','mchatMsgF','')"><img title="Курсив" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/italic.png" width="16" height="16" border="0" alt=""></div>
<div id="b_i" class="editor_button" href="javascript:if(typeof YzWXys==typeof alert)YzWXys();//" onclick="simpletag1('u','','','mchatMsgF','')"><img title="Подчёркнутый текст" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/underline.png" width="16" height="16" border="0" alt=""></div>
<div id="b_s" class="editor_button" href="javascript:if(typeof YzWXys==typeof alert)YzWXys();//" onclick="simpletag1('s','','','mchatMsgF','')"><img title="Зачеркнутый текст" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/stroke.png" width="16" height="16" border="0" alt=""></div>
<div id="b_emo" class="editor_button" href="$SMILES_URI$"><img title="Вставка смайликов" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/emoticon.png" width="16" height="16" border="0" alt=""></div>
<div class="editor_button" href="javascript:if(typeof YzWXys==typeof alert)YzWXys();//" onclick="tag_url1('mchatMsgF','')"><img title="Вставка защищенной ссылки" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/link.png" width="16" height="16" border="0" alt=""></div>
<div id="b_color" class="editor_button" onclick="iChat_color(this);"><img src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/colors.png" width="16" height="16" border="0" alt=""></div>
<div id="b_quote" class="editor_button" href="javascript:if(typeof YzWXys==typeof alert)YzWXys();//" onclick="simpletag1('quote','','','mchatMsgF','')"><img title="Вставка цитаты" src="http://zagruzka-plus.ws/templates/zp/iChat/img/bbcode/quotes.png" width="16" height="16" border="0" alt=""></div>
</div>

   
  <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="width:100%; height:60px; resize:none; background:#fff; padding:0px; border:1px solid #DDDDDD; border-width:1px 0px 1px 0px;"></textarea>

  <div style="border:0px;" class="button-panel" align="center">
<input type="submit" class="zp-button" value="Отправить" id="mchatBtn">
   
  <div style="display:none; width:100%; height:32px; position:relative;" id="mchatAjax" align="center"><div style="top:8px; left:70px;"><img src="/images/loading.gif"></div></div>
<input type="button" class="zp-button" value="Отмена" onclick="iChatCloseForm(); return false;">$IMG_SECURE$$FLD_SECURE$
</div>
</div>
</div>

<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">


Вид сообщений
Code
<style>
  div.hr {
border-top: 1px dotted #DBDBDB;
margin: 4px 0px;
}
</style>
<link type="text/css" rel="StyleSheet" href="/css/chat.css" />

   
   

   
  <div style="padding:4px;" id="ichatmsg1829">
<span class="chat-message-block">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="40">
<span class="chatAvatar"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$"><?else?><img src="/images/noavatar.png"><?endif?></span></td>
<td style="font-size:8pt; color:#666; line-height:14px;">
<div style="float:right; margin-right:5px;">
  <span class="chat-button chat-reply tipsy-top" title="Ответить" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"></span>
</div>
<b><a href="$PROFILE_URL$">$USERNAME$</a></b><br>
<span class="small">$DATE$ в $TIME$</span>
</td>
</tr>
</tbody>
</table>
<div style="padding:3px 0px 3px 0px;">
$MESSAGE$
</div>
</span>
<div class="hr"></div>
</div>


Содержимое архива раскидать по соответствующим папкам Красивый чат для uCoz - Cкрипты для uCoz - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz
Z Скачать Красивый чат для uCoz

Категория: Cкрипты для uCoz Просмотров: 1688