Мини-чат 2.0 для uCoz от Урааа

Мини-чат 2.0 для uCoz от Урааа

42017-05-13143076Денис Абдуллин

Новая версия мини-чата для uCoz от Урааа. Современный, удобный и функциональный. Изменен не только дизайн, добавлен новый функционал, анимация, исправлены ошибки и неудобства. Чат стал чище и легче, по сравнению с предыдущей версией. Получилось действительно здорово, нам самим нравится полученный результат.

На этой странице мы делимся с вами исходным кодом, покажем как добавить в чат свои «фишки» и ответим на часто задаваемые вопросы.

Следующая картинка раскрывает ключевые особенности чата:


Установка

1. Активируйте модуль «Мини-чат». В настройках включите дополнительные поля. В настройках прав для групп пользователей установите «Не показывать код безопасности» для всех групп.

2. Загрузите на сайт папки с файлами «chat_files» и «smiles».

3. Перейдите в Панель управления – Управление дизайном. Замените код в модуле «Мини-чат».

Вид материалов:

Код
<?if($CUSTOM2$='active')?>
<div class="msg">
<div class="sb$PARITY$ comm_id$USER_ID$">
<div class="chatBubbles">
<div id="av$USER_ID$" class="cBubbleLeft"><span></span><div class="av"><a href="$PROFILE_URL$"><img src="$CUSTOM1$" alt="$USERNAME$" width="28" /></a></div></div>  
<div id="ms$USER_ID$" class="chatRight">
<div class="us"><div class="pdvr"><span class="l_it"><a href="javascript:otbet('$USERNAME$')" class="otbv">Ответить</a> |</span> <?if($DATE$='Сегодня')?>$TIME$<?else?>$DATE$ в $TIME$<?endif?></div>
<a href="$PROFILE_URL$" class="us_name">$USERNAME$</a>
</div>
<div class="chatInner" <?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div>
</div>
<div id="av$USER_ID$" class="cBubbleRight" align="right"><span></span><div class="av"><a href="$PROFILE_URL$"><img src="$CUSTOM1$" alt="$USERNAME$" /></a></div></div>  
</div>
</div>
</div>
<?endif?>

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

Код
<input type="hidden" name="custom1" class="mchat" id="mchatC1F" value="/images/noavatar.gif" />
<input type="hidden" name="custom2" value="active" />
<div align="left"><input type="text" name="mcmessage" class="mchat" id="mchatMsgF" maxlength="500" autocomplete="off" placeholder="Написать..." /></div>
<input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" class="mchat2" id="mchatBtn" />
<input type="hidden" name="email" value="1@yraaa.ru">
<input style="visibility:hidden" id="mchatAjax" type="button" value="Отправить" class="mchat2" disabled />

4. Вставьте следующий код в Таблицу стилей (CSS):

Код
.chat_over{background:rgba(0,0,0,.6);right:20px;position:fixed;padding:0;padding-top:0;z-index:9999;bottom:-182px;text-align:center;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.chat_over *{outline:none}
.chat_over .jspTrack{height:160px!important}
.chat_over,.ch_sml,.ch_smlin,.uuslugi,.new_comment_error,.forum_get,.comment_answer_button a,.quoteMessage,.premium .prc,.siteRate,.siteRate div,.sb1,.sb2,.chatRight,.gChat,.gChat:hover,.over_ind,.ind,.info_signs,.column_1,.column_c,.column_2,.jspDrag{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.smile_in,.ch_smlin img,.sound_on,.sound_off,#setting_chat a,#rules_chat a,#sound_chat div,.hm,.ch_sml,.jspDrag{transition:all linear .1s;-moz-transition:all linear .1s;-webkit-transition:all linear .1s;-o-transition:all linear .1s}
.comm .us{color:#646464;font-size:10px;margin-top:-2px;padding:0}
.comm .us a{text-decoration:none}
.comm .us .us_name{color:#646464}
.comm .av{margin-right:10px;width:28px;height:28px;overflow:hidden;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
.comm .av img{width:28px;height:28px;object-fit:cover;-webkit-border-radius:250px;-moz-border-radius:250px;border-radius:250px}
.comm .chatInner{width:222px;overflow:hidden;margin-bottom:2px}
.cerr{float:right;padding:7px;padding-right:20px}
.hm{visibility:hidden;position:absolute;height:0;margin-top:-10px;overflow:hidden;opacity:0;top:-34px;right:0;background:rgba(0,0,0,.8);padding:5px 10px;color:#fff;font-size:11px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#online_counter:hover span,#rules_chat:hover span,#setting_chat:hover span,.sound_on:hover span,.sound_off:hover span{opacity:1;height:auto;margin-top:0;visibility:visible}
#c_one_clon,#c_tell{position:absolute;top:-1500px;right:-15000px}
#setting_chat a,#rules_chat a,#sound_chat div{width:16px;height:16px;display:inline-block;opacity:.5;cursor:pointer}
#setting_chat a:hover,#rules_chat a:hover,#sound_chat div:hover{opacity:.9}
#setting_chat,#rules_chat,#sound_chat{float:right;margin-right:10px;margin-top:8px}
#setting_chat a{background:url(/chat_files/chat-sprite.png) 0 -23px no-repeat}
#rules_chat a{background:url(/chat_files/chat-sprite.png) -39px -21px no-repeat}
#sound_chat .sound_on{background:url(/chat_files/chat-sprite.png) -19px -21px no-repeat}
#sound_chat .sound_off{background:url(/chat_files/chat-sprite.png) -19px -35px no-repeat;display:none}
#online_counter{float:right;color:#FFF;margin-top:4px;margin-right:8px;padding:4px;padding-left:16px;background:url(/chat_files/chat-sprite.png) -32px 3px no-repeat;cursor:pointer;font-size:13px}
#bottom_chat span,#top_chat span{display:inline-block;width:17px}
#bottom_chat,#top_chat{text-align:left;padding:8px 12px;color:#FFF;cursor:pointer;font-size:13px}
#bottom_chat,.chtt iframe{display:none}
.ngd{background:#fff;padding:10px;cursor:default}
.jspContainer{background:none!important}
.pdvr{float:right;opacity:0}
.msg:hover .pdvr{opacity:1}
.clkg{font-size:11px;padding:10px;background:#efefef;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.cs2{margin-top:3px;color:#E32F17;font-size:10px}
.cs1{margin-top:3px;color:#2B2B2B;font-size:10px}
.mchat{width:250px}
.chtt{border-top:1px solid #e2e2e2}
#mchatMsgF{margin:0!important;max-width:100%!important;min-height:auto!important;width:312px;padding:0 10px!important;height:36px!important;padding-right:53px!important;border:1px solid #fff;background:#fff;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mchatBtn{position:absolute;top:-1200px;right:-1500px}
#mchatAjax{background:#646464;position:absolute;right:-200px}
.ch_sml{z-index:99999999;height:0;opacity:0;overflow:hidden;margin-top:-98px;right:0;position:absolute}
.ch_smlin{width:157px;height:70px;background:#FFF;overflow:hidden;text-align:left;border:1px solid rgba(0,0,0,.2)}
.ch_smlin img{padding-left:3px;padding-top:3px;float:left;cursor:pointer}
.ch_smlin img:hover{opacity:.7}
.smile_in:hover .ch_sml{height:85px;opacity:1;margin-top:-78px}
.smile_in span{opacity:.5}
.smile_in span:hover{opacity:.8}
.smile_in{z-index:3;position:absolute;margin-left:284px}
.smile_in span{display:inline-block;margin-top:9px;cursor:pointer;width:19px;height:19px;background:url(/chat_files/chat-sprite.png) -8px 0;opacity:.5}
.otbv,.otbv:hover{color:#6A6A6A}
.chatBubbles{display:table}
.chatRight,.cBubbleLeft,.cBubbleRight{display:table-cell;vertical-align:top}
.myBubble{margin-left:38px}
.myBubble .cBubbleLeft{display:none}
.myBubble .chatRight{background:#daeaf7!important}
.myBubble .cBubbleRight{display:table-cell}
.myBubble .chatInner{width:180px;color:#000}
.chatRight{background:#f1f6fa;border:1px solid #c6d9e9;padding:5px}
.cBubbleLeft{position:relative}
.cBubbleLeft span,.cBubbleRight span{background:url(/chat_files/chat-sprite.png);width:8px;height:14px;position:absolute;top:7px}
.cBubbleLeft span{background-position:0 0;right:-1px}
.cBubbleRight{display:none;position:relative}
.cBubbleRight .av{margin-left:10px;margin-right:0}
.cBubbleRight span{background-position:0 -14px;left:-1px}
#wrapper2{background:#FFF;width:290px;height:200px;overflow:auto}
#scroller{text-align:left;width:270px;padding:0}
#onlCountDate{display:none}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:4px;margin-bottom:5px;height:100%;background:transparent}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:transparent;position:relative}
.jspDrag{background:rgba(0,0,0,.4);position:relative;top:0;left:0;cursor:pointer}
.jspDrag:hover{background:rgba(0,0,0,.6)}
.jspDrag:active{background:rgba(0,0,0,.8)}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
.sb1,.sb2{padding:0 4px}
.msg+.msg{margin-top:9px}
img[rel="usm"]{height:19px;width:19px;vertical-align:middle}

5. Вставьте код в Нижнюю часть сайта:

Код
<!--Mini-chat-->  

<script type="text/javascript" src="/chat_files/cookies.js"></script>  

<script type="text/javascript" src="/chat_files/jquery.jscrollpane.js"></script>  
<script type="text/javascript" src="/chat_files/jquery.mousewheel.js"></script>  
<script type="text/javascript">jQuery(function() {jQuery('#wrapper2').jScrollPane({hideFocus:true});})</script>  

<div class="chat_over"<?if($USER_AGENT_PDA$)?> style="display:none"<?endif?>>  
<?if($USER_LOGGED_IN$)?><div id="sound_chat"><div class="sound_on" onclick="sound_off()"><span class="hm hs">Отключить звук</span> </div><div class="sound_off" onclick="sound_on()"><span class="hm hs">Включить звук</span> </div></div><?endif?>  
<div id="rules_chat"><span class="hm">Правила чата</span><a href="javascript://" rel="nofollow" onclick="open_rules()"></a></div>  
<?if($GROUP_ID$="4" or $GROUP_ID$="3")?><div id="setting_chat"><span class="hm">Управление сообщениями</span><a href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;"></a></div><?endif?>  
<?if($MODULE_ID$!='forum')?><div id="online_counter" onclick="open_oline_list()"><span class="hm">Пользователи онлайн</span><span id="onlCount"></span></div><?endif?>  
<div id="bottom_chat" onclick="hide_chat()"><span>−</span>Мини-чат</div><div id="top_chat" onclick="show_chat()"><span>+</span>Мини-чат</div>  
<div id="cht" onclick="show_chat()"><div class="ngd"><div id="wrapper2" class="scroll-pane"><div id="scroller" class="comm"></div></div></div>  
<?if($USER_LOGGED_IN$)?>  
<!--smiles-->  
<?if($GROUP_ID$='1_000' || $GROUP_ID$='2_000' || $GROUP_ID$='255_000')?><?else?>  
<div class="smile_in">  
<div class="ch_sml">  
<div class="ch_smlin">  
<img src="/smiles/smile.gif" onclick="smiles(':)')" alt="" />  
<img src="/smiles/wink.gif" onclick="smiles(';)')" alt="" />  
<img src="/smiles/laugh.gif" onclick="smiles(':D')" alt="" />  
<img src="/smiles/cool.gif" onclick="smiles('B)')" alt="" />  
<img src="/smiles/sad.gif" onclick="smiles(':(')" alt="" />  
<img src="/smiles/cry.gif" onclick="smiles(':cry:')" alt="" />  
<img src="/smiles/care.gif" onclick="smiles('^_^')" alt="" />  
<img src="/smiles/tease.gif" onclick="smiles(':p')" alt="" />  
<img src="/smiles/shock.gif" onclick="smiles('%)')" alt="" />  
<img src="/smiles/angel.gif" onclick="smiles('0:)')" alt="" />  
<img src="/smiles/eye.gif" onclick="smiles(':eye:')" alt="" />  
<img src="/smiles/angry.gif" onclick="smiles('>(')" alt="" />  
<img src="/smiles/fools.gif" onclick="smiles(':fools:')" alt="" />  
<img src="/smiles/please.gif" onclick="smiles(':please:')" alt="" />  
<img src="/smiles/desman.gif" onclick="smiles(':des:')" alt="" />  
<img src="/smiles/xd.gif" onclick="smiles(':xD:')" alt="" />  
<img src="/smiles/like.gif" onclick="smiles(':like:')" alt="" />  
<img src="/smiles/unlike.gif" onclick="smiles(':unlike:')" alt="" />  
<img src="/smiles/ok.gif" onclick="smiles(':ok:')" alt="" />  
<img src="/smiles/peace.gif" onclick="smiles(':peace:')" alt="" />  
<img src="/smiles/clups.gif" onclick="smiles(':clups:')" alt="" />  
</div></div>  
<span> </span></div>  
<?endif?>  
<?endif?>  
<div class="chtt"><?if(!$USER_LOGGED_IN$)?><div class="clkg"><a href="$LOGIN_LINK$">Необходима авторизация</a></div><?else?>$CHAT_BOX$<?endif?></div></div>  
<div id="c_one_clon">0</div><div id="c_tell"></div>  
</div>  

<div id="onlCountDate">$ONLINE_COUNTER$</div>  

<script type="text/javascript">  
$('#onlCount').html($('#onl1 b').html())  
function open_oline_list() {new _uWnd('UserList','Сейчас онлайн',240, 152,{modal:1,autosize:0,resize:0,notaskbar:1,fadetype:1,fadespeed:500,fadeclosetype:1,fadeclosespeed:500,align:'left'},'<fieldset class="sortUserlist"><legend>Сводка:</legend><div>$ONLINE_COUNTER$</div></fieldset>')}  
function open_rules() {new _uWnd('UserList','Правила чата',330, 190,{modal:1,autosize:0,resize:0,notaskbar:1,fadetype:1,fadespeed:500,fadeclosetype:1,fadeclosespeed:500,align:'left'},'<p><b>В чате запрещены:</b></p><ul><li>спам;</li><li>мат;</li><li>повторные сообщения;</li><li>ссылки на сторонние ресурсы;</li><li>любая реклама.</li></ul><p><a href="http://goo.gl/O7YP82" target="_blank">Хочу такой чат</a></p>')}  

var wActive = '1';  
$(window).blur(function() {wActive = '0'});  
$(window).focus(function() {wActive = '1'});  

function otbet(xt) {$('#mchatMsgF').val(''+xt+', ');$('#mchatMsgF').focus()}  
function smiles(tx) {  
$('#mchatMsgF').val($('#mchatMsgF').val()+' '+tx+' ')  
$('#mchatMsgF').focus()  
}  
function show_chat() {  
$('.chat_over').animate({bottom:'20px'},200)  
$('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)})  
setCookie('chat', '1', 10, "/")}  
function hide_chat() {  
$('.chat_over').animate({bottom:'-182px'},200)  
$('#bottom_chat').fadeOut(200,function(){$('#top_chat').fadeIn(200)})  
setCookie('chat', '0', 10, "/")}  
function show_profile(nmm) {  
document.location.href='/index/8-'+nmm  
}  

function sound_on() {  
$('.sound_off').fadeOut(200, function(){$('.sound_on').fadeIn(200)});setCookie('musics', 'on', 10, "/")  
}  

function sound_off() {  
$('.sound_on').fadeOut(200, function(){$('.sound_off').fadeIn(200)});setCookie('musics', 'off', 10, "/")  
}  

musics = getCookie('musics')  

if(musics == 'off') {$('.sound_off').show();$('.sound_on').hide()}  

function messages() {  
$.get('/mchat/', function(dt){  
if(wActive==1) {  
<?if($USER_LOGGED_IN$)?><?if($GROUP_ID$!='1_000' || $GROUP_ID$!='2_000' || $GROUP_ID$!='255_000')?>if($('#c_one_clon').html() != $('#c_one', dt).html() && $('#c_one_clon').html() != '0' && $('#c_one_clon').html() != '' && getCookie('musics') != 'off') {$('#c_tell').html('<audio src="/chat_files/n.mp3" autoplay></audio>');setTimeout(function(){$('#c_tell').html('')},2000)}<?endif?><?endif?>  
}  

setTimeout(function(){$('#c_one_clon').html($('#c_one', dt).html());$('.message_fadein').eq(0).slideDown(200);},2100)  

$('#scroller').html($('div.msg', dt).after());  
setTimeout(function(){$('.message_fadein').fadeIn(200);$('#wrapper2').fadeIn(200);jQuery('#wrapper2').jScrollPane();},200)  
$('.comm_id$USER_ID$').addClass('myBubble');$('.comm_id$USER_ID$ .l_it').hide();  
});  
$('#mchatC1F').val('<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/chat_files/noavatar.gif<?endif?>')  
setTimeout(function(){messages()},20000)  
$('.message_fadein').eq(0).slideDown(200);  
}  
messages();  

chtcc = getCookie('chat');  
if(chtcc == '1') {$('.chat_over').css('bottom', '20px');$('#top_chat').hide();$('#bottom_chat').show()}  

$('.chat_over').mouseover(function(){  
document.onmousewheel = function (e) {e.preventDefault();}  
})  

$('.chat_over').mouseout(function(){document.onmousewheel = ''})  
</script>

6. С помощью Редактора смайлов установите предложенные смайлы (выбирайте из папки smiles и задавайте код вызова):

:) ;) :D B) :( :cry: ^_^
:p %) 0:) :eye: >( :fools: :please:
:des: :xD: :like: :unlike: :ok: :peace: :clups:

Следует отметить:

  • Кнопку «Управление сообщениями» видит только администрация сайта;
  • Новые сообщения появляются в режиме реального времени;
  • При наведении на сообщение показывается дата, время и кнопка для ответа. Для сегодняшних сообщений дата не показывается;
  • Звуковое оповещение издает только активная вкладка сайта.

Чат установлен. Вот из чего он состоит:


Кастомизация

Создали интернет-магазин, установили качественный шаблон, добавили множество товаров, установили разумные цены, а клиентов все еще нет? Удобный, простой, качественный конструктор, который находится в топе среди бизнесменов, которые ведут свой бизнес в интернете, в статье расскажу о всех преимуществах и дам рекомендации.

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

В CSS для класса «chat_over» замените:

Код
background:rgba(0,0,0,0.6);

на (меняйте ссылку изображения на свою):

Код
background:url('http://subtlepatterns.com/patterns/tweed.png');

По умолчанию чат находится справа внизу, предлагаем готовые решения для смены позиции.

Слева:

Код
left:20px;

А вот так по центру:

Код
left:calc(50% - 156px);left:-webkit-calc(50% - 156px);left:-moz-calc(50% - 156px);

Наглядное сравнение с предыдущей версией:

 

Отзывы о чате

Мы попросили знатоков системы uCoz прокомментировать наш чат. В беседе указывались и негативные моменты, которые мы исправили. Например, скроллинг чата был неудобен, т.к. прокрутка срабатывала на всей странице. Для некоторых браузеров это исправлено. Еще звуковое оповещение исходило из разных вкладок, теперь звук издается только из активной.

 
Внешне это, пожалуй, лучшее решение, которое видел. Олег Павлов, менеджер проектов uCoz
 
Этот мини-чат самый лучший и я буду из числа первых,
кто установит его к себе на сайт. Роман Домнин, администратор webmaster-ucoz.ru
 
Этот мне нравится больше, он наконец-то отошел от дизайна старых диалоговых окон ВКонтакте и теперь выглядит своеобразно. Первый в своем роде на юкоз. Сергей Худалеев, администратор erazer-xs.ru
 
Обычный миничат. Олег Лисовенко, рук. проектов uCoz
 
Но я же...

Единственный момент, который решить я не смог, это выходящий вниз за рамки ползунок скроллинга. Если вы сможете предложить решение, было бы здорово.

Проблемы?

Появляется ошибка «Не заполнено поле сообщение»?
Проверьте, нет ли на странице еще одной формы для добавления сообщений в чат. Частая ошибка пользователей, когда они не убирают чат из сайдбара. Отсюда и возникает конфликт.

Как дать возможность писать сообщения гостям?
Чат запрещает гостям комментирование. Даже если вы переделаете код так, чтобы отобразить форму, вам придется поставить код безопасности. К тому же это снизит спам-сообщения.

Как поменять смайлы на свои?
Вам придется полностью переделать блок вызова смайлов и заменить в нем изображения смайлов на свои.

Как поменять ширину?
Практически все величины в чате фиксированные, поэтому рекомендуем не делать такие изменения.

Проблемы со шрифтом?
Шрифт будет такой же, как и основной на вашем сайте, в том числе и его цвет. Корректируйте CSS-код.

Куда вставить стили, если переполнена Таблица стилей (CSS)? В другой CSS-файл или прямо в нижнюю часть сайта, заключив в <style> </style>

Проблема с прокруткой в Firefox была решена установкой старой версии jQuery. Если знаете другой выход, то сообщите нам.

Обновления

  • 24.08.2015 – обновленный jquery.mousewheel.js в архиве от Светланы, убрана строчка со старым jQuery в коде для нижней части сайта.
  • 14.08.2015 – оптимизированный CSS-код от kiberkun, решена проблема с прокруткой в Firefox, решена проблема с шириной поля для ввода текста.
  • 13.08.2015 – публикация и исправление небольших багов.

Индивидуальная помощь по чату не оказывается его создателем, но вы можете составить свой запрос в разделе услуги.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (75)
Марк Яковенко 2015-08-12 в 08:59
Налетай, пока тепленький :D
8
Сергей Александрович 2015-08-13 в 07:01
Отличный материал.
4
Алексей 2015-08-13 в 09:58Спам
Еще бы рассказали, как вы цвета ников для разных групп изменили.
1
Алексей 2015-08-13 в 10:32Спам
Ну хотя бы так, я бы хотел админам свои цвета прописать...
2
Эрдем Туран 2015-08-13 в 11:05
Через условные операторы, например:
Код
<?if($USER_ID$='ID нужного тебе пользователя')?>
<font style="color: red;">$USERNAME$</font>
<?else?>
$USERNAME$
<?endif?>


Если нужно несколько пользователей, то:
Код
<?if($USER_ID$='ID нужного тебе пользователя' or $USER_ID$='ID нужного тебе пользователя')?> и т.д
3
Эксперт в спорах с модераторами 2015-08-13 в 12:39Спам
Враки что без минусов, скролл не очень, рукой приходится
0
Эксперт в спорах с модераторами 2015-08-13 в 13:20Спам
в лисе проблема не решена. ласт версия
3
Эксперт в спорах с модераторами 2015-08-13 в 13:29Спам
Напиши на форуме:) Помогут!
-1
Seymur mecidov 2015-08-26 в 09:31Спам
Прикольный ник
1
Deniss Lvov 2015-08-13 в 13:37Спам
Я бы его просто так не раздавал!
0
Владислав 2015-08-13 в 14:25
Предлагаете продавать? Не в Вашу же пользу свидетельствуете)
1
Руслан Чикин 2015-08-13 в 17:09Спам
При вводе текста в поле для ввода текста, текст забегает на смайлик
2
Сергей Александрович 2015-08-13 в 19:39
У меня все стабильно и без косяков.
2
Ромчик 2015-08-13 в 20:15
Если вдруг у вас будет текст забегать на смайл, то
это:

[code]#mchatMsgF {margin:0 !important;max-width:100% !important;min-height:auto !important;width:312px;padding:0px 10px !important;height:36px !important;padding-right:53px;border:1px solid #fff;background:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px}[/code]

заменяем на это:

[code]#mchatMsgF {margin:0;width:312px;height:36px;padding:10px;padding-right:53px;border:1px solid #fff;background:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px}[/code]

И ошибка пропадет)
1
Cry Deil 2015-08-14 в 13:11Спам
Как много border-radius O_o
Лучше бы так:
-webkit-border-radius: 0 0 3px 3px;
-moz-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
2
AlinKo 2015-08-14 в 00:08Спам
Спасибо, все хорошо стало :)
3
Александр Охлопков 2015-08-14 в 10:10Спам
Пишу текст в чат, нажимай Энтер, сообщение уходит, но в чате не отображается, хотя в истории чата отображается...
3
Марк Яковенко 2015-08-15 в 08:41
Дополнительные поля включите в чате.
0
Армен Геворгян 2016-03-28 в 03:31Спам
У меня та же фигня. Люди все сделал по инструкции, в чем дело? Помогите пожалуйста.
0
Dimka Avdeev 2016-11-23 в 19:39Спам
Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2. Может кому то пригодится еще...
0
Cry Deil 2015-08-14 в 14:51Спам
Согласен с Олегом, чат обычный, для стандартных шаблонов сойдет)
-5
makism sobolev 2015-08-14 в 22:39Спам
Почему в чате смс не видно всё сделал правильно не могу понять в чём дело
1
Вера Фрост 2015-08-16 в 13:48Спам
А просто в боковой блок его поставить можно ?
1
Ромчик 2015-08-16 в 15:09
Нет
-1
Лёша крвйнов 2016-04-18 в 17:53Спам
Да,переписать не много
0
Руслан Чикин 2015-08-17 в 01:24Спам
В Мазиле фаирФокс при отправки сообщения обновляется страница, сообщение не отсылается!
1
Руслан Чикин 2015-08-17 в 12:42Спам
браузер последняя версия
1
Павел 2015-08-17 в 21:46Спам
как уменьшить высоту чата? так как вылазиет 2 сообщение.
1
Вячеслав 2015-08-19 в 22:57Спам
Хм. Такая же проблема в Мозиле. Удалил со страниц все скрипты, оставил только чат, даже больше, удалил всё и оставил чистый hmtl. И действительно, при нажатие на Ентер страница обновляется, а строка в браузере выглядит примерно так:
Код
http://сайт.ru/index/order/0-24?custom1=http%3A%2F%2Fcs403731.vk.me%2Fv403731951%2F9320%2FQPZEvz2lCqQ.jpg&custom2=active&mcmessage=%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9+%D1%87%D0%B0%D1%82+%3Alove%3A+&email=1%40yraaa.ru&numa=0&a=18&ajax=1

На Ура в Мозиле все работает.
0
Денис Абдуллин 2015-08-20 в 08:48
Пробовал строчку с jQuery убрать в этом чате?
1
Вячеслав 2015-08-20 в 20:18Спам
[b]Для тех кто столкнулся с такой проблемой[/b], удалите из кода эту строчку:
[code]<?if($USER_AGENT$='firefox' || $USER_AGENT$='opera')?><script src="http://code.jquery.com/jquery-1.6.1.min.js"></script><?endif?>  [/code]
2
Денис Абдуллин 2015-08-21 в 08:56
Я знаю это тупо старый jQuery засовывать, но так скроллинг в чате заработал. Вячеслав, без этой строчки-то скролл работает?
-1
Вячеслав 2015-08-21 в 16:16Спам
Увы, но не работает, но хоть так, а то ведь совсем чат не работает тогда.
0
Nikita Piskow 2015-08-22 в 16:33Спам
Здравствуйте. Столкнулся с такой проблемой: не отображаются некоторые аватары в Мини-чате, по причине ограничения в поле ссылки на аватар - количества символов 60. Подскажите как убрать ограничение?
2
Светлана Солнцева 2015-08-23 в 04:05Спам
Для корректного скролла в Мозилле без старого jQuery нужно обновить файл mousewheel.js
Кинула ссылку в ЛС автору материала.
1
Дмитрий 2015-10-07 в 10:32Спам
Спасибо за материал, адаптировал данный чат на обычный сайт (не Ucoz).
Как получилось можете посмотреть по ссылке у меня в профиле.
1
Евгений Андреев 2015-10-18 в 09:32Спам
не пойму, почему пришлось активировать дополнительные поля? поставил мини чат и старые сообщения стали недоступны, не есть гуд
0
Deniss Lvov 2015-10-22 в 19:09Спам
Мне нужно чтоб пользователи которые онлайн, выводились в аякс окне, пример как у вас!
Ссылка на скрин - http://prntscr.com/8u3pyo
0
Николай Утрабин 2015-12-01 в 14:11Спам
у меня он вообще не такой как тут он у меня на нижнюю часть сайта растянут! как исправить?
0
SAmpFiles 2015-12-05 в 18:49Спам
Помогите решить. Установил. Но у меня ни как тут. Не видно полосок правила чата и звук. Не видна иконка смайлов. А когда открываешь их не все смайлы открыты.
0
Антон Титаренко 2015-12-06 в 19:37Спам
после выполненных всех действий чат получается немного иной нежели на картинке
0
STORM 2015-12-17 в 23:30Спам
А как сюда стандартные смайлы вставить от укоз?
0
NoNaMe 2015-12-28 в 16:52Спам
1. Хорошо бы мини-чат сделать в трех положениях:
1) Развернут;
2) Свернут, но видно первое сообщение;
3) Полностью свернут до шапки мини-чат

Те, кому он совсем не нужен и не пользуются, могли бы полностью свернуть и не закрывать им текст, а те кто пользуются регулярно могли бы для себя выбрать удобное положение.

2. Как сделать, что бы персональная страница пользователя открывалась в новом окне, а не в том же?

3. И третья проблема - на форуме не отображается $ONLINE_COUNTER$
0
1 2 »
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.