Мини чат
 Главная  » Все для Ucoz» Мини чаты

Автор Сообщение


Новое 08.11.2017 в 21:54

 



Название: Мини чат
Жанр: Мини чаты Ucoz
Автор: Mytorrento

Описание: Данный мини чат представлен в виде чата с движка Torrent peer. Ник в чате имеет свой цвет по принадлежности к группе (админ, модератор, пользователь и др.)
Он может располагаться только в горизонтальной форме и может выводиться на любой странице сайта при желании.

Установка: Необходимо активизировать модуль мини чата в административной панели. За тем в виде материалов заменить весь код на представленный.
Код
<div class="row1 chat-comment" id="pp_209">
<div class="chatTd1"><div style="min-height: 32px;">
<a href="$PROFILE_URL$">
<img class="chatAva" align="left" height="26" width="26" style="padding-right: 1px;" src="$AVATAR_URL$" alt="2"></a>
<a class="chat-edit" href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1', 'mchatCtrl', 'scrollbars=1,width=550,height=550,left=0,top=0'); return false;">¶</a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><b><spam style="color:#656761">  
<?if($GID$==1)?><font color="blue"><?endif?>  
<?if($GID$==2)?><font color="purple"><?endif?>  
<?if($GID$==3)?><font style="color: #060;font-weight: bold;text-shadow: 1px 1px 4px #008000;background: transparent url(/images/modeffect.gif) repeat scroll 0% 0%; text-decoration: none;background:  
url(https://s12.postimg.org/xyo3si0wd/khimchistka_kovrov_2.png) no-repeat;padding-left: 18px;"><?endif?>
  <?if($GID$==4)?><font style="color:#F00; font-weight:bold;text-shadow: 0px 0px 7px #F00;background: transparent url(http://filmovnet.ucoz.org/images/backmoder.gif) repeat scroll 0% 0%; text-decoration: none;background: url(http://filmovnet.ucoz.org/images/portal_custom.png) no-repeat; padding-left: 18px; "><?endif?>
<?if($GID$==5)?><font color="#00BFFF"><?endif?>  
<?if($GID$==6)?><font color="#00FF7F"><?endif?>  
<?if($GID$==7)?><font color="#FF00FF"><?endif?>  
<?if($GID$==8)?><font color="#FFFF00"><?endif?>  
<?if($GID$==9)?><font color="#87CEEB"><?endif?>  
<?if($GID$==10)?><font color="#FF00FF"><?endif?>  
<?if($GID$==251)?><font color="#FF7F50"><?endif?>  
<?if($GID$==255)?><font color="gray"><?endif?> $USERNAME$</font>  
   

</spam></b></a>
<div class="small">$DATE$ - $TIME$</div></div></div><div class="chatMessage">
  $MESSAGE$</div></div>

<style type="text/css">
  #chat { overflow: auto; height: 260px; }
#chat a {color: #0C97C5;}
.chatTd1{ min-height:32px; min-width:165px; float:left;}
.chatMessage{
  font-size:11px; word-wrap:break-word; min-height:35px; margin-left:160px; border-left:1px solid #868686; padding-left:5px;
}
.chatMessage a{ color:#185ABF;}
.chatMessage a:visited{ color:#1a40d4;}
.chatMessage a:hover{ color:#837264;}
.chat-comment {
  margin: 3px;
  padding: 4px;
  border: solid 1px #868686;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 0px 5px;
}
textarea.chat_message {
  height: 40px;
  width: 98%;
  margin: 5px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-size: 11px;
}
#submit_chat {
  font-size:11px; font-family:Tahoma; font-weight:bold; text-transform:uppercase;
  background:#cdcac6;
  background:-moz-linear-gradient(#e6e1d9, #45433f);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#e6e1d9), to(#45433f));
  background:linear-gradient(#e6e1d9, #45433f);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e1d9', endColorstr='#45433f');  
  border:1px solid #fff !important;
  text-shadow:0px 1px 1px #fff; color:#333;  
  padding:2px;
  cursor:pointer;
  box-shadow:0px 1px 3px #000; -moz-box-shadow:0px 1px 3px #000; -webkit-box-shadow:0px 1px 3px #000;
  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  
}  
#submit_chat:hover {
  color:#f1e7d5 !important; text-shadow:0px 1px 1px #000 !important;
  background:#6a6a6a;
  background:-moz-linear-gradient(#45433f, #e6e1d9);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#45433f), to(#e6e1d9));
  background:linear-gradient(#45433f, #e6e1d9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45433f', endColorstr='#e6e1d9');
}
.chatAva{
  margin-right:5px; border:1px solid #868686; padding:1px;
  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
  box-shadow:0px 0px 5px #222; -moz-box-shadow:0px 0px 5px #222; -webkit-box-shadow:0px 0px 5px #222;
}
.cat_title_h3{
  border-bottom:1px solid #868686;
  padding: 3px 8px 5px; letter-spacing: 1px; text-indent: 0.6em;
  background: #DEE3E7 url() repeat-x;
  color: #f29f5c !important; text-shadow:1px 1px 1px #000;
}
.chat_fon{
  border:1px solid #868686;
  background:#444 url() repeat;
  padding:10px;
}
.chat_bord{
  border:1px solid #868686;
}
.chat_spacer{height:6px; border-bottom:1px solid #868686;}

.tdsoc { padding-bottom: 3px; padding-top: 0px; }
.tdmessage { width: 80%; float: left; padding-top: 7px; }
.txtb, .txtb:link, .txtb:visited, .txtb:hover {
  color: #003366;
  font-size: 9px;
  text-decoration: none;
}
  </style>

Далее в форме добавления сообщений заменить код на этот
Код
<div align="left"><br></div><div style="border-spacing: 0px; position: absolute; margin-left: 318px; margin-top: -204px; opacity: 1; display: block;" class="chatradio-elem">
<table style="border-spacing: 0px; position: absolute; margin-left: 318px; margin-top: -204px; opacity: 1; display: block;" cellpadding="0" cellspacing="0">
<tbody><tr><td style="background: url('/images/chat.png') no-repeat 0 -235px;height: 9px;width: 9px;" width="9px"></td><td style="background: url('/images/chat.png') repeat-x 0 -500px;height: 9px;" height="9px"></td><td style="background: url('/images/chat.png') no-repeat -9px -235px;height: 9px;width: 9px;" width="9px"></td></tr>
<tr><td style="background: url('/images/chat.png') no-repeat -18px -235px;width: 9px;" width="9px"></td><td style="background: #fff9;"><object height="180" width="160"><param name="movie" value="http://www.zaycev.fm/zaycev_banner.swf"><param name="wmode" value="transparent"><param name="allowFullScreen" value="false"><embed src="http://www.zaycev.fm/zaycev_banner.swf" type="application/x-shockwave-flash" wmode="window" allowfullscreen="false" height="180" width="160"></object></td><td style="background: url('/images/chat.png') no-repeat -27px -235px;width: 9px;" width="9px"></td></tr>
<tr><td style="background: url('/images/chat.png') no-repeat 0px -244px;height: 9px;width: 9px;" valign="top" width="9px"></td><td height="15px"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td valign="top"><div style="background: url('/images/chat.png') repeat-x 0 -509px;height: 9px;"></div></td><td width="15px"><div style="background: url('/images/chat.png') repeat-x 0 -259px;height: 15px;width: 15px;"></div></td><td valign="top" width="45px"><div style="background: url('/images/chat.png') repeat-x 0 -509px;height: 9px;"></div></td></tr></tbody></table></td><td style="background: url('/images/chat.png') no-repeat -9px -244px;height: 9px;width: 9px;" valign="top" width="9px"></td></tr>
</tbody></table></div>
  <style>
  #b2 {background: rgb(184, 241, 150); /* зеленый цвет фона */  
  color: white; /* Белые буквы */  
  font-size: 9pt; /* Размер шрифта в пунктах */}

#b4 {background: #c3cbd1; /*цвет фона */  
  color: white; /* Белые буквы */  
  font-size: 9pt; /* Размер шрифта в пунктах */}  
  </style>
<table style="margin: 0px auto;" width="95%"><tbody><tr>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0px; word-spacing: 0px;" width="265px">
  <div id="chatik">

  <td> </td>
   

  <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" placeholder="Реклама запрещена.."></textarea>  
  <script type="text/javascript" src="/serv/chatok/bbcodes.js"></script>  
  <div style="border:0px;" class="button-panel" align="center">  
  <span style="display:none" id="mchatAjax" align="center">  
  <span class"aer"=""><img src="/loader.gif"></span></span>  
  <input type="submit" class="zp-button" value="Отправить" id="b2">  
<span class="chat-panel-button button-sound tipsy-top" title="Обновить" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" original-title="Обновить"> <input name="usersubmit" value="Обновить" onclick="get_message_chat(1); return false;" title="Обновить чат" type="submit" id="b4"></span>
  </div>  
  </div></td>
<td>
  </td>
  <td><?if($BBCODES_URI$)?><a class="chat-bold" href="javascript:void('Apply to')" onclick="bbCode('b');return false;"></a><a class="chat-italic" href="javascript:void('Apply to')" onclick="bbCode('i');return false;"></a><a class="chat-decor" href="javascript:void('Apply to')" onclick="bbCode('u');return false;"></a><?endif?><?if($SMILES_URI$)?><a class="chat-smiles" href="$SMILES_URI$"></a><?endif?><?if($MSGCTRL_URI$)?><a class="chat-edit" href="$MSGCTRL_URI$"></a><?endif?><a class="chat-onsound" onclick="ChatSoundCookie();" title="Звук включен"></a><a class="chat-offsound" onclick="delChatSoundCookie();" title="Звук выключен"></a></td>  
   
  <td style="text-align:right;"><a class="chat-radio radioon" onclick="showradio();" title="Онлайн Радио"></a><a class="chat-radio radiooff" onclick="hideradio();" title="Онлайн Радио"></a></td>
  <td style="text-align:right;" width="7%"><a class="chat-btn" onclick="rules();"><span class="btn">Правила!</span></a></td>
</tr></tbody></table>
<span style="display:none;">$SUBMIT$</span>

<script>
  function bbCode(tg, param) {
  $("#blocksize").fadeOut(100);
  var o = '[' + tg + (param ? ("=" + param) : "") + ']',
  c = '[/' + tg + ']',
  doc = $('#mchatMsgF')[0];
  doc.focus();
  if (window.attachEvent && navigator.userAgent.indexOf('Opera') === -1) {
  var s = doc.sel;
  if (s) {
  var l = s.text.length;
  s.text = o + s.text + c;
  s.moveEnd("character", -c.length);
  s.moveStart("character", -l);
  s.select();
  }
  } else {
  var ss = doc.scrollTop;
  sel1 = doc.value.substr(0, doc.selectionStart);
  sel2 = doc.value.substr(doc.selectionEnd);
  sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
  doc.value = sel1 + o + sel + c + sel2;
  doc.selectionStart = sel1.length + o.length;
  doc.selectionEnd = doc.selectionStart + sel.length;
  doc.scrollTop = ss;
  };
  return false;
}

</script>
   
<link type="text/css" rel="StyleSheet" href="/css/chat.css">
  <script type="text/javascript" src="/js/chat.js"></script>
<script type="text/javascript">
cookieToggle = function(id) {
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}
$('#'+id).slideToggle(1000);
}
cookieToggleCheck = function(id) {
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}
}
cookieToggleCheck('4at');
</script>
  <script type="text/javascript">  
  function enter(e) {
  if (e.keyCode == 13) {
  chat_post();
  }
  }
</script>

<script>
var chatradiowidth = $('.chat-content .chat-shadow .chat-bg').width() - $('.chatradio-elem').width() - 24;
var chatradioheight = $('.chat-content .chat-shadow .chat-bg').height() - $('.chatradio-elem').height();
$('.chatradio-elem').css({"marginLeft" : chatradiowidth , "marginTop" : chatradioheight - 30 , "opacity" : 0});

$('.radiooff , .chatradio-elem').hide();
function rules() {new _uWnd('','Общие правила чата',380,200,{autosize:1,maxh:300,minh:100},'<div style="text-align:left;"><b>В чате строго запрещено следующее:</b><div>• Запрещено обсуждение действий администрации, оскорбление пользователей сайта не зависимо от их группы.</div><div>• Использование аватаров и (или) подписей, содержание которых оскорбляет и (или) унижает пользователей.</div><div>• Проявление расовой, национальной и религиозной неприязни, пропагандирование терроризма, экстремизма, наркотиков.</div><div>• Засорение чата комментариями или сообщениями, не имеющими смысла (флуд).</div><div>• Распространение ссылок на другие проекты, сайты, файлы. Сначала выдается предупреждение, в случае игнорирования - бан.</div><div>• Распространение материалов порнографического характера.</div></div>');};
function showradio() {
  $('.radiooff , .chatradio-elem').show(); $('.radioon').hide();
  $('.chatradio-elem').stop().animate({marginTop : chatradioheight , opacity: 1} , 350);
}
function hideradio() {
  $('.radioon').show(); $('.radiooff').hide();
  $('.chatradio-elem').stop().animate({marginTop : chatradioheight - 30 , opacity: 0} , 350);
  setTimeout(function(){$('.chatradio-elem').hide();},400);
}
</script>
<script type="text/javascript">function initTimer( id, overtext, callback ) {var tim = setInterval( init, 1000 );function init() {var timer = document.getElementById( id );if ( timer.innerHTML == 1 ){timer.innerHTML = overtext,clearInterval( tim );if ( callback ) {callback.call( timer );var timer = document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;}} else {timer.innerHTML--;}}}</script> <script>initTimer( 'ready', '', function () {this.innerHTML = ;initTimer( this.id, '', arguments.callee );});</script>

В текстовом редакторе создайте файл chat.css и файловом менеджере папку css.
chat.css должен иметь такой код
Код
/*---Чат---*/
.radius_chat {
padding: 10px; /* Поля вокруг текста */
margin-left:10px;  
margin-right:10px;}

#hh {background:#fff ;font-size:11px;text-align:left;height:100%;padding:0 0 0px 0;}
#chat_forprivat {clear:both;padding-left:6px;}
.chat_priv {background:#d5fcd5 !important}
.sho_el {cursor:pointer}
.Block1 {background:#F4FFE8}
.Block2 {background:#fff}

#mchat {height:220px;overflow:auto;background:#fff9;margin-bottom:6px;border:0px solid #dedede;border-top:1px solid #fff9;border-bottom:1px solid #fff9;border-left:1px solid #fff9;}

#hh textarea{margin-left:4px;border:1px solid #cecece;outline:none;}
#hh .button{

  box-shadow: 0 0 3px rgba(0,0,0,0.5); /* Параметры тени */
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
  padding: 10px;

margin: 0 2px;height:18px;max-height:18px;cursor:pointer;padding:2px 2px 1px;color:#333;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#hh .button:hover{background:#99D336;}

#mchat a {text-decoration:none}
#radio {border-spacing:0px;border:0px solid #c0c0c0;position:absolute;opacity:1;display:none;margin-left:-200px;margin-top:180px;}
.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;}
/*-------------------*/

a.chat-btn {background:url('/images/chat.png') no-repeat 100% -90px; display:inline-block; height:25px; line-height:23px; padding-right:7px; cursor:pointer;}
a.chat-btn span.btn {background:url('/images/chat.png') no-repeat 0 -65px; display:inline-block; height:25px; line-height:23px; color:#3a3a3a; font-size:13px; text-shadow:0px 1px 0px #868686; padding:0px 3px 0px 10px; cursor:pointer;}

a.chat-btnn {background:url('/images/chat.png') no-repeat 100% -90px; display:inline-block; height:25px; line-height:23px; padding-right:5px; cursor:pointer;}
a.chat-btnn span.btnn {background:url('/images/chat.png') no-repeat 0 -65px; display:inline-block; height:25px; line-height:23px; color:#3a3a3a; font-size:13px; text-shadow:0px 1px 0px #868686; padding:0px 3px 0px 7px; cursor:pointer;}

a.chat-btnn:hover {background-position:100% -140px}
a.chat-btnn:hover span.btnn, a.chat-btnn span.btnn:hover, a.chat-btnn:hover span.btnn:hover {background-position:0 -115px; color:#000000; text-hadow:0px 1px 0px #a2df39;}

a.chat-btn:hover {background-position:100% -140px}
a.chat-btn:hover span.btn, a.chat-btn span.btn:hover, a.chat-btn:hover span.btn:hover {background-position:0 -115px; color:#000000; text-hadow:0px 1px 0px #45433f;}

textarea#mchatMsgF {height:19px !important; width:96% !important; outline:none; border:1px solid #868686 !important; font-family:Arial;padding-top:3px !important; font-size:12px;}

#mchatMsgF {height: 22px !important;width: 260px !important;outline: none;border: 1px solid #868686 !important;
padding: 0px 3px;
margin-left: -3;}

img#mcSecurImg3 {height:22px !important; border:1px solid #82c116 !important;}

a.chat-delpm, a.chat-bold, a.chat-italic, a.chat-decor, a.chat-smiles, a.chat-edit, a.chat-onsound, a.chat-offsound, a.chat-radio {display:inline-block; width:25px; height:25px; cursor:pointer; margin-right:3px;}

a.chat-bold {background:url('/images/chat.png') no-repeat 0px -165px;}
a.chat-bold:hover {background-position:-125px -165px;}

a.chat-italic {background:url('/images/chat.png') no-repeat -25px -165px;}
a.chat-italic:hover {background-position:-150px -165px;}

a.chat-decor {background:url('/images/chat.png') no-repeat -50px -165px;}
a.chat-decor:hover {background-position:-175px -165px;}

a.chat-smiles {background:url('/images/chat.png') no-repeat -75px -165px;}
a.chat-smiles:hover {background-position:-200px -165px;}

a.chat-edit {background:url('/images/chat.png') no-repeat -100px -165px;}
a.chat-edit:hover {background-position:-225px -165px;}

a.chat-onsound {background:url('/images/chat.png') no-repeat 0px -210px;}
a.chat-onsound:hover {background-position:-25px -210px;}

a.chat-offsound {background:url('/images/chat.png') no-repeat -50px -210px;}
a.chat-offsound:hover {background-position:-75px -210px;}

a.chat-radio {background:url('/images/chat.png') no-repeat -100px -210px;}
a.chat-radio:hover {background-position:-125px -210px;}

a.chat-delpm {background:url('/images/chat.png') no-repeat -150px -210px;}
a.chat-delpm:hover {background-position:-175px -210px;}

Эту картинку загрузите в папку images

Все сохраните и радуйтесь.





     





Мини чат 
Файл: Зарегистрирован  📅 08.11.2017 | ⏰ 21:54



Статус:    Проверено
Скачан/Смотрели:0/72
Размер:
Оценка: 
0.0 +0
Тэги:
Поделиться:
FAQ:
 
Как качать?
Как качать?
X
Скачайте торрент и откройте его в своем клиенте
uTorrent

скачать программу
* FAQ
Где задать вопрос?
X

Прйдите по ссылке в нужный форум.

Перейти.

На вопросы когда?, а можно? не отвечаем.

Вопрсы задаем по существу.
Спасибы

[Профиль] [ЛС]
Быстрый ответ Мини чат
avatar


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы можете скачивать файлы





!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим ее. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несет ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания! У нас вы сможете скачать торренты бесплатно без регистрации и смс. Зайдя на наш сайт вам не нужно регистрироваться и платить за скачивание. У нас доступно для скачивания множество категорий. Благодаря нашему легкому интерфейсу вы без труда сможете Скачать фильмы в хорошем качестве через торрент, Скачать cериалы в хорошем качестве через торрент, Скачать мультфильмы через торрент. Так же вы можете для своего компьютера скачать самые классные программы, это утилиты, операционные системы, браузеры и т.д. Посещайте наш сайт и качайте сколько душе угодно.

Привет, меня зовут Ёко, я что-то типа ангела хранителя Filmovner. Унас Вы найдете много интересного! (К тому же абсолютно бесплатно и наши Админы очень приветливы. А пока я могу только предложить зарегистрироваться или войти через соцсеть.)