Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Мини-чаты для uCoz » Новая версия раздвижного мини чата для uCoz
Новая версия раздвижного мини чата для uCoz
Torres_1_Дата: Суббота, 22.03.2014, 03:31 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Недавно в интернете появилась новая версия раздвижного мини чата для uCoz

До развертывания:



После развертывания:



Приступим к установке:
Заходим в Настройки модуля и ставим одну галочку(левую) на дополнительном поле 1.

Далее в вид материалов мини чата вставляем этот код:

Код
<div class="msg">    
<div class="sb$PARITY$">    
<table cellspacing="0" cellpadding="0" width="100%">    
    <tr>    
    <td valign="top" width="36"><div class="av">    
<a href="$PROFILE_URL$"><img src="$CUSTOM1$" alt="$USERNAME$" /></a></div></td>    
<td valign="top"><div class="us"><div class="pdvr"><span class="hus<?substr($PROFILE_URL$, strrpos($PROFILE_URL$,"('")+2, strrpos($PROFILE_URL$,"')")-strrpos($PROFILE_URL$,"('")-2)?>"><a href="javascript:otbet('$USERNAME$')" class="otbv">Ответить</a> |</span> <span title="$DATE$">$TIME$</span></div><a href="$PROFILE_URL$">$USERNAME$</a></div>    
<div style="width:234px;overflow:hidden"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div>    
</td>    
</tr>    
</table>    
</div>    
</div>


А в форму добавления сообщения этот:

Код
<?if(!$USER_LOGGED_IN$)?>    
<?else?>    
<input type="hidden" name="custom1" class="mchat" id="mchatC1F" value="/images/noavatar.gif" />    

<div align="left"><input type="text" name="mcmessage" class="mchat" id="mchatMsgF" maxlength="500" value="" /></div>    

<input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" class="mchat2" id="mchatBtn" />

<input style="display:none;" id="mchatAjax" type="button" value="Отправить" class="mchat2" disabled />    
<?endif?>


Далее удаляем свой блок мини чата со страницы ( если имеется), и закидываем этот код в нижнюю часть сайта или первый контейнер в самый низ:
Код
<style type="text/css">    
.dsnn {display:none}    
#c_one_clon, #c_tell {position:absolute;top:-1500px}    
.chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-212px;right:20px;text-align:center;background:rgba(0,0,0,0.6);    
     border-radius:3px;    
     -moz-border-radius:3px;    
     -webkit-border-radius:3px}    

*:focus {outline: none}    
#bottom_chat {display:none;padding:5px;color:#FFFFFF;cursor: s-resize}    
#top_chat {padding:5px;color:#FFFFFF;cursor: n-resize}    
.ngd {    
     cursor:default;    
     background:#FFFFFF;    
     padding:5px;    
     border-radius:3px;    
     -moz-border-radius:3px;    
     -webkit-border-radius:3px;    
}    
.clkg {width:288px;    
padding:5px;padding-bottom:6px;border:1px solid #EAEAEA;    
background:#EAEAEA;    
color:#000;    
text-align:left;    
border-radius:3px;    
     -moz-border-radius:3px;    
     -webkit-border-radius:3px;}    
#wrapper .comm {margin-top:0;margin-left:0px;}    
.sb1, .sb2 {margin-bottom:10px}    
.cs2 {margin-top:3px;color:#E32F17;font-size:10px}    
.cs1 {margin-top:3px;color:#2B2B2B;font-size:10px}    
.chtt iframe {display:none}    
.mchat {width:250px}    
.chtt {margin-top:5px}    
#mchatMsgF {    
margin:0;    
width:288px;    
padding:5px;border:1px solid #FFFFFF;    
background:#FFFFFF;    
     border-radius:3px;    
     -moz-border-radius:3px;    
     -webkit-border-radius:3px;    
}     
#mchatBtn {position:absolute;top:-1200px}    
#mchatAjax {background:#646464;position:absolute;right:-200px}    

.otbv, .otbv:hover {color:#6A6A6A}    

.sound_on {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('/smiles/sound_on.gif');position:absolute;cursor:pointer}    
.sound_off {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('/smiles/sound_off.gif');display:none;position:absolute;cursor:pointer}    

#wrapper {    
     background:#FFFFFF;    
     width: 290px;    
     height: 200px;    
     overflow: auto;    
}    

#scroller {    
     text-align:left;    
     width:270px;    
     padding:0;    
}    
.pdvr {float:right}    
.comm {margin-left:6px;margin-top:10px}    
.comm .us {color:#646464;font-size:10px;margin-bottom:1px}    
.comm .av {margin-right:10px;width:26px;height:26px;overflow:hidden;background:#666666}    
.comm .av div {position:absolute;width:26px;height:26px;overflow:hidden;background:url('/images/sprite.png') -8px -384px}    
.comm .av img {width:26px}    
.cerr {float:right;padding:7px;padding-right:20px}    

</style>    
<script type="text/javascript" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/mini4at/908_jquery.mousewheel.js"></script>    
<script type="text/javascript" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/mini4at/908_jquery.jscrollpane.js"></script>    

<script type="text/javascript">    
jQuery(function() {jQuery('#wrapper').jScrollPane({hideFocus:true};);};)    
$('head').append('<link rel="stylesheet" type="text/css" href="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/mini4at/908_jquery.jscrollpane.css">')    
</script>    

<div class="chat_over">    
<div id="bottom_chat" onclick="hide_chat()">Свернуть</div><div id="top_chat" onclick="show_chat()">Развернуть</div>    
<div id="cht" onclick="show_chat()"><div class="ngd"><div id="wrapper" class="scroll-pane"><div id="scroller" class="comm"></div></div></div>    

<style type="text/css">#scroller img {max-width: 100%} .hus$USER_ID$ {display:none}</style>    

<div class="chtt"><?if(!$USER_LOGGED_IN$)?><div class="clkg">Необходима авторизация</div><?else?>$CHAT_BOX$<?endif?></div></div>    
<div id="c_one_clon">0</div><div id="c_tell"></div>    
</div>    

<script type="text/javascript">    
function otbet(xt) {$('#mchatMsgF').val(''+xt+', ');$('#mchatMsgF').focus()}    
function opnsml() {$('.ch_sml').slideToggle(200)}    
function smiles(tx) {    
$('#mchatMsgF').val($('#mchatMsgF').val()+' '+tx+' ')    
$('#mchatMsgF').focus()    
$('.ch_sml').slideToggle(200)    
}    
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:'-212px'},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 messages() {    

$.get('/mchat/', function(dt){    

setTimeout(function(){$('#c_one_clon').html($('#c_one', dt).html())},2100)    

$('#scroller').html($('div.msg', dt).after());    
setTimeout(function(){$('#wrapper').fadeIn(200);jQuery('#wrapper').jScrollPane()},200)};);    
$('#mchatC1F').val('<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/mini4at/908_noavatar.gif<?endif?>')    
setTimeout(function(){messages()},20000)    
}    
messages()    
chtcc = getCookie('chat')    
if(chtcc == '1') {$('.chat_over').css('bottom', '20px');$('#top_chat').hide();$('#bottom_chat').show()}    
</script>

Вот и всё.

Напоминаю вам, что это в этом чате немного урезаны возможности. Например тут нельзя вставлять смайлы, но они отображаются если их писать вручную ( например smile ).
 
Форум » Всё для Ucoz » Мини-чаты для uCoz » Новая версия раздвижного мини чата для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Какой у вас браузер?
javascript:; javascript:;
Всего ответов: 176

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.