Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Адаптация чата iChat для uCoz
13.11.2018
Адаптация чата iChat для uCoz
  • 558 Просмотров:
  • 1 Скачиваний:
  • 2 Комментариев:
  • 4.0 Рейтинг:
  • (Голосов: 1)
Описание:
Адаптация чата iChat для DLE под uCoz.

Oсобенности:

Мод очистки чата.
Мод вывода аватара пользователя
Новый вид модер панели

Установка:
1. В "Форме добавления сообщений мини-чата" замените все на:
Код
<?if(!$CAN_ADD$)?>
  <?if($LOGIN_LINK$)?>
  <div class="ui-state-error ui-corner-all" style="padding:9px;">Только зарегистрированные посетители могут писать в чате.<div class="copyright" style="display: none;"> <a href="/" target="_blank">8Dle</a> <a href="http://for-ucoz.my1.ru/" target="_blank">For-uCoz.my1.ru</a></div><div class="clr"></div></div>

  <?else?>
  <div class="ui-state-error ui-corner-all" style="padding:9px;">Вам нельзя писать в чате.<div class="copyright" style="display: none;"> <a href="/" target="_blank">8Dle</a> <a href="http://for-ucoz.my1.ru/" target="_blank">For-uCoz.my1.ru</a></div><div class="clr"></div></div>

  <?endif?>
  <?else?>

  <div class="iChat_editor">

  <div class="iChat_bbeditor">

  <span onclick="simpletag1('b','','','mchatMsgF','')"><img title="Полужирный" src="/ichat/img/bbcode/b.png" alt="" /></span>

  <span onclick="simpletag1('i','','','mchatMsgF','')"><img title="Наклонный текст" src="/ichat/img/bbcode/i.png" alt="" /></span>

  <span onclick="simpletag1('u','','','mchatMsgF','')"><img title="Подчеркнутый текст" src="/ichat/img/bbcode/u.png" alt="" /></span>

  <span onclick="simpletag1('s','','','mchatMsgF','')"><img title="Зачеркнутый текст" src="/ichat/img/bbcode/s.png" alt="" /></span>

  <img class="bbspacer" src="/ichat/img/bbcode/brkspace.png" alt="" />

  <span href="$SMILES_URI$"><img title="Вставка смайликов" src="/ichat/img/bbcode/emo.png" alt="" /></span>

  <span onclick="tag_url1('mchatMsgF','')"><img title="Вставка защищенной ссылки" src="/ichat/img/bbcode/link.png" alt="" /></span>

  <span onclick="colortag1('s','','','mchatMsgF','')"><img title="Цвет текста" src="/ichat/img/bbcode/color.png" alt="" /></span>

  <span onclick="simpletag1('quote','','','mchatMsgF','')"><img title="Вставка цитаты" src="/ichat/img/bbcode/quote.png" alt="" /></span>

  <span onclick="iChat_translit()"><img title="Преобразовать выбранный текст из транслитерации в кириллицу" src="/ichat/img/bbcode/translit.png" alt="" /></span>

  <script src="http://for-ucoz.my1.ru/js/bbichat.js" type="text/javascript"></script>

  <div class="clr"></div>
  </div>

  <textarea name="mcmessage" class="message" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:95%;resize:none;" id="mchatMsgF"></textarea>

  <div class="clr"></div>

  </div>

  <div style="padding-top:12px;">

  <?if($GROUP_ID$=4 || $GROUP_ID$=3)?>
  <input type="button" class="button" onclick="delete_chat()" style="font-size: 9px; float: left;" value="Очистить">
  <?endif?>

  <a href="/mchat" target="mcdemo" onclick="window.open('','mcdemo','width=240,height=385,resizable=yes,scrollbars=yes,toolbar=no,statusbar=yes');return true;"><input type="button" class="button" style="font-size: 9px; float: left;" value="Архив">
  </a>

  <?if($MSGCTRL_URI$)?>
  <input type="button" class="button" href="$MSGCTRL_URI$" style="font-size: 9px; float: left;" value="Управление">
  <?endif?>

  <input class="button" type="submit" style="font-size: 9px; float: right;" value="Отправить">

  </div>

  <?endif?>
  <br>

  <script type="text/javascript" src="http://for-ucoz.my1.ru/js/ichatdel.js"></script>
  <style type="text/css">
  .del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;} /* сам прогресс-бар, цвет рамки и фона */
  .delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */
  .delete_chats {background:#c0c0c0;height:13px;width:1px;float:left;padding:1px;} /* стиль полоски прогресс-бара (главное цвет) */
  .del_proc {margin-top:-25px;margin-bottom:15px;} /* процент удалённых сообщений */
  #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */
  #del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */
  #del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */
  .del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */
  .del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */
  </style>

2. Вид материалов мини-чата:
Код
<?if($USER_ID$=1)?>
  <?if($NUMBER$=1)?>
  <span style="display:none;" id="allmes"></span>
  <link type="text/css" rel="StyleSheet" href="http://s1.ucoz.net/src/layer1.css" />
  <?endif?>

  <script>
  $(document).ready(function() {
  <?if($NUMBER$=1)?>$('#allmes').load('/mchat/0-1 div.myBdBottom');
  <?endif?>
  $('.mymod$NUMBER$').toggle(function() {
  var mmid = $(this);
  var tme = mmid.attr('alt');
  var nk = $('div.myBdBottom span[title="'+tme+'"]').html();
  var nk2 = nk.replace(/Вчера/g, '').replace(/Сегодня/g, '');
  $('#lhre$NUMBER$').html(''+nk2+'');
  }, function() {
  $('#lhre$NUMBER$').html('');
  });
  });
  </script>

  <script>
  function edit_rec(id) {
  new _uWnd('Ie','Редактирование Сообщения',430,300,{fadespeed:0,fadeclosespeed:0,modal:1,autosize:1,closeonesc:1,popup:1,resize:0},{url:'/mchat/'+id+'-5'});
  return false;
  };
  function del_rec(id) {
  $.get('/index/14-0-0-1', function(d) {
  var aa = $('input[name="ssid"]', d).val();
  _entrRem('dib'+id,'/mchat/'+id+'-7-'+aa,'http://s1.ucoz.net','Вы подтверждаете удаление?');

  return false;
  });
  // Строчка ниже работает лишь с jQuery 1.6.1
  // Если у вас активирован jQuery 1.3.2 - Удалите строчку ниже
  $('img[title="Удалить"]').mouseout(function() {$(this).parent().parent().parent().parent().parent().parent().delay(500).slideUp(1000)});
  // Конец строчки, которая работает лишь с jQuery 1.6.1
  };
  </script>
  <?endif?>

  <div class="message">

  <div class="avatar"><img src="$AVATAR_URL$" width="32" height="32" alt="$USERNAME$" /></div>

  <div class="info"><b><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">$USERNAME$</a></b>  
  $TIME$</div>

  <hr />

  <div class="text">$MESSAGE$</div>

  <div align="right">
  <img class="action" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" src="/ichat/img/quote.png" alt="Ответить" />

  <?if($USER_ID$=1 or $USER_ID$=2)?>
  <img height="16px" src="/ichat/img/delete.png" class="mymod$NUMBER$" alt="$TIME$" id="ol$NUMBER$" /> <span id="lhre$NUMBER$"></span><?endif?>

  </div>
  </div>

3. В CSS:
Код
/*--- iChat v1.1. ---*/

  .iChat {
padding: 3px;
  }

  .message {
font-size: 11px;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
line-height: 1.27;
word-wrap: break-word;
  }

  .message {
border: 1px solid #dadada;
background-color:#FFFFFF;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 2px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 3px;
  }

  .message:hover {
border: 1px solid #cccccc;
  }

  .clr { clear: both; }

  .message div {
margin: 0;
padding: 0;
  }

  .message .info {
display: block;
margin-top: 2px;
color: #969696;
background-color: rgb(240, 247, 252);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  }

  .button {
background: #fff url("/ichat/img/button.png") repeat-x 0 100%;
text-shadow: 0 1px 0 #fff;
border: 1px solid #b3b3b3;
color: #383838;
padding: 2px 9px 5px 9px;
margin-bottom: 2px !important;
height: 24px;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 0 1px 4px -3px black;
-webkit-box-shadow: 0 1px 4px -3px black;
box-shadow: 0 1px 4px -3px black;
  }
  .button:hover { background-position: 0 10px; }

  .message .text {
margin-left: 5px;
font-size: 12px;
  }

  .message a {
color: #176093;
  }

  .message .action {opacity: 0.3;cursor:pointer;}
  .message .action:hover {opacity: 1;}

  .message hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }

  .message .avatar img {
margin-right: 5px;
float: left;
height: 32px;
width: 32px;
background-color: #FCFCFF;
border: 1px solid #A5CAE4;
border-radius: 4px 4px 4px 4px;
padding: 2px;
  }

  .copyright {
font-size: 9px;
padding-right: 5px;
float: right;
color: #969696;
  }

.copyright a {
font-size: 10px;
color: #176093;
  }
  .iChat_input { width: 99px; padding: 1px; }
  .iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("/ichat/img/bbcode/bg.png") repeat; }
  .iChat_bbeditor span, .iChat_bbeditor span img, .iChat_bbeditor .bbspacer, .iChat_bbeditor .bbselect { float: left; }
  .iChat_bbeditor .bbselect { height: 21px; padding: 4px 3px 0 3px; }
  .iChat_bbeditor .bbselect select { font-size: 11px; }
  .iChat_bbeditor span { cursor: pointer; background: url("/ichat/img/bbcode/buttons.png") no-repeat; }
  .iChat_bbeditor span:hover { background-position: -23px 0; }

  .iChat_editor { width: 99% !important; background-color: #f9fafa; border: 1px solid #d4dfe8; }
  .iChat_editor .iChat_bbeditor { border-width: 0 0 1px 0; }

  .ui-corner-all {
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  }

  #mchatMsgF {
  width: 99%;
  height: 60px;
  display:block;
  background:#fff url(/ichat/img/logotype.png) center no-repeat;
  border:1px solid #c2c2c2;
  }
Адаптация чата iChat для uCoz" title="Скачать Адаптация чата iChat для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: for-ucoz.my1.ru
21.07.2013 в 21:26
круто! все работает Спам
22.07.2013 в 02:14
ага, красивый чат неправда ли? happy Спам
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]