• Страница 1 из 1
  • 1
Модератор форума: admin  
Форум » ucoz система » Ucoz скрипты » Всплывающий мини-чат для uCoz (Переработанный мини-чат для uCoz)
Всплывающий мини-чат для uCoz
serferДата: Суббота, 20.12.2014, 16:29:37 | Сообщение # 1

Группа: Пользователи
Сообщений: 2
На мой взгляд получился красивый мини чатик, который будет находится в виде ненавязчивой кнопки в нижнем левом углу экрана вашего сайта, при нажатии на которую будет всплывать непосредственно сам мини чат.

К сожалению на данном форуме картинки вставлять нельзя,поэтому как будет выглядеть мини чат,а также дополнительные фоны мини чата можете посмотреть здесь - www.fifagamers.ru/forum/66-1845-1

И так перейдем к установке:

1)Активируйте мини чат в ПУ вашего сайта uCoz

2)Заходим в Вид материалов мини чата и заменяем там всё на:
Код
<?if($NUMBER$='1')?>    
<style type="text/css">    
body{background: url('http://www.wse-online.ru/minichat/fon_mini_chata-1.jpg');}    
</style><?endif?>
<div class="cBlock{background:transparent;}" style="border: 1px solid #B0B0B0; padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:10px;" title="$DATE$"><font color="#FFFF00">$TIME$</div>
<div style="text-align:left;">
<?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img alt="" <img src="$AVATAR_URL$" width="30px" align="left"> <?endif?>
<?if($USER_ID$=14)?><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();    
parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;">    
<span style="color:red; font-weight: bold; ">$NAME$</span></a>    
<?else?>    
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();    
parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b>$NAME$</b></a><?endif?>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a><?endif?>
<?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a><?endif?>
</div>
<div class="cMessage" style="text-align:left;"><b><font color="#E0FFFF"></b>$MESSAGE$</font></div>
<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
</div>


Сохраняете

3)Далее заходим в Форму добавления сообщений и заменяем всё на:
Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td>$FLD_AUTOUPD$</td>
<td width="70%" align="right">
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_obnovit.jpg" width="13" height="15"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_smajla-1.jpg" width="13" height="15"></a><?endif?>
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_b.jpg" width="13" height="15"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_upravlenija.jpg" width="15" height="15"></a><?endif?>
</td></tr></table>

<?if(!$USER_LOGGED_IN$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<?endif?>

<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<?endif?>

<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>

<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="65%" rowspan="2">$FLD_MESSAGE$</td>
<td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>
</tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>
<?endif?>


Сохраняете

4)И наконец заходите в "Дизайн" - "Управление дизайном (CSS)" - "нижняя часть сайта" и в самый низ вашего кода вставляете это:
Код
<style>         
         .chat_box {display:none;position:fixed;bottom:15px;left:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}         
         .chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://www.wse-online.ru/minichat/ikonka_zakrytija-1.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}         
.chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}         
                 
         div.chat_button {display:block;width:75px;height:75px;background:url('http://www.wse-online.ru/minichat/ikonka_chata.png') no-repeat;position:fixed;bottom:15px;left:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}         
div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}         
</style>         
<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>         
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>         
<div id="chatBox">$CHAT_BOX$</div>         
</div>


Сохраняете и радуетесь своему новому мини чату!

Новый фон как на скриншоте у мини чата появится не сразу после установки вами мини чата,а после написания первого сообщения в мини чат и нажатия клавиши обновить мини чат :)


:Devil:  Devil Devil

А также еще несколько новых фонов к данному мини-чату, так как у всех дизайн сайта разный и на вкус и цвет товарищей нет,поэтому думаю будет полезно. Если решите сменить фон мини чата на один из них,вам нужно будет всего лишь заменить небольшую часть первого кода в "Вид материалов" мини чата.
Итак в первом коде ищите строчку (3-я строка) - body{background: url('http://www.wse-online.ru/minichat/fon_mini_chata-1.jpg');}

- и заменяете выделенное красным на код понравившегося фона указанный ниже синим цветом.

1) fon_mini_chata.jpg

2) fon_mini_chata-2.jpg

3) fon_mini_chata-3.jpg

4) fon_mini_chata-4.jpg

Fuu :)
 
СообщениеНа мой взгляд получился красивый мини чатик, который будет находится в виде ненавязчивой кнопки в нижнем левом углу экрана вашего сайта, при нажатии на которую будет всплывать непосредственно сам мини чат.

К сожалению на данном форуме картинки вставлять нельзя,поэтому как будет выглядеть мини чат,а также дополнительные фоны мини чата можете посмотреть здесь - www.fifagamers.ru/forum/66-1845-1

И так перейдем к установке:

1)Активируйте мини чат в ПУ вашего сайта uCoz

2)Заходим в Вид материалов мини чата и заменяем там всё на:
Код
<?if($NUMBER$='1')?>    
<style type="text/css">    
body{background: url('http://www.wse-online.ru/minichat/fon_mini_chata-1.jpg');}    
</style><?endif?>
<div class="cBlock{background:transparent;}" style="border: 1px solid #B0B0B0; padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:10px;" title="$DATE$"><font color="#FFFF00">$TIME$</div>
<div style="text-align:left;">
<?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img alt="" <img src="$AVATAR_URL$" width="30px" align="left"> <?endif?>
<?if($USER_ID$=14)?><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();    
parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;">    
<span style="color:red; font-weight: bold; ">$NAME$</span></a>    
<?else?>    
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();    
parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b>$NAME$</b></a><?endif?>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a><?endif?>
<?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a><?endif?>
</div>
<div class="cMessage" style="text-align:left;"><b><font color="#E0FFFF"></b>$MESSAGE$</font></div>
<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
</div>


Сохраняете

3)Далее заходим в Форму добавления сообщений и заменяем всё на:
Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td>$FLD_AUTOUPD$</td>
<td width="70%" align="right">
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_obnovit.jpg" width="13" height="15"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_smajla-1.jpg" width="13" height="15"></a><?endif?>
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_b.jpg" width="13" height="15"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://www.wse-online.ru/minichat/ikonka_upravlenija.jpg" width="15" height="15"></a><?endif?>
</td></tr></table>

<?if(!$USER_LOGGED_IN$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<?endif?>

<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<?endif?>

<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>

<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="65%" rowspan="2">$FLD_MESSAGE$</td>
<td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>
</tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>
<?endif?>


Сохраняете

4)И наконец заходите в "Дизайн" - "Управление дизайном (CSS)" - "нижняя часть сайта" и в самый низ вашего кода вставляете это:
Код
<style>         
         .chat_box {display:none;position:fixed;bottom:15px;left:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}         
         .chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://www.wse-online.ru/minichat/ikonka_zakrytija-1.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}         
.chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}         
                 
         div.chat_button {display:block;width:75px;height:75px;background:url('http://www.wse-online.ru/minichat/ikonka_chata.png') no-repeat;position:fixed;bottom:15px;left:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}         
div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}         
</style>         
<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>         
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>         
<div id="chatBox">$CHAT_BOX$</div>         
</div>


Сохраняете и радуетесь своему новому мини чату!

Новый фон как на скриншоте у мини чата появится не сразу после установки вами мини чата,а после написания первого сообщения в мини чат и нажатия клавиши обновить мини чат :)


:Devil:  Devil Devil

А также еще несколько новых фонов к данному мини-чату, так как у всех дизайн сайта разный и на вкус и цвет товарищей нет,поэтому думаю будет полезно. Если решите сменить фон мини чата на один из них,вам нужно будет всего лишь заменить небольшую часть первого кода в "Вид материалов" мини чата.
Итак в первом коде ищите строчку (3-я строка) - body{background: url('http://www.wse-online.ru/minichat/fon_mini_chata-1.jpg');}

- и заменяете выделенное красным на код понравившегося фона указанный ниже синим цветом.

1) fon_mini_chata.jpg

2) fon_mini_chata-2.jpg

3) fon_mini_chata-3.jpg

4) fon_mini_chata-4.jpg

Fuu :)

Автор - serfer
Дата добавления - 20.12.2014 в 16:29:37
Форум » ucoz система » Ucoz скрипты » Всплывающий мини-чат для uCoz (Переработанный мини-чат для uCoz)
  • Страница 1 из 1
  • 1
Поиск:
Загрузка страницы, займет меньше минуты...
Загрузка...

Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
Система телефонов поломалась
Не в себе
фильм скалайн
Трансформеры 3
форсаж 6
Ищу [FS]Для админок на сервер
нужны координаты карты для отметки зон...
Помогите найти мод
pawno урок автоматические ворота
обращение к скриптерам.
Вопросы по скриптингу
Ваши ошибки при компиляции GM/FS

Вопросы по скриптингу

(1081)

Считаем до 1000

(274)

Ваши ошибки при компиляция gm

(260)

Набор в команду

(80)

Ваши ошибки при компиляции GM/FS

(71)

вопроосы по скриптингу от 22.04.2013

(64)

Баннеробмен

(64)

несколько команд на samp 0.3 c

(64)

Оценки сайта samp-pawno.ru

(55)

Заказ хостинга

(51)

Набор в команду(форум)

(45)

Урок №61 по созданию системы авто для GodFather

(45)

admin

(3869)

[east_side]_trane

(443)

TWiX

(316)

valych

(501)

drifter-dron

(477)

danik_rok

(317)

Dimka_71rus

(360)

Drifter96

(300)

MaNb9K

(220)

[MTA]MaPeR5518

(181)

Dima_Tkach

(107)

Nik_Ull

(184)

system32xzxz

(Четверг 09:25:24)

torbin169

(Суббота 23:09:29)

kuchuk_00

(Суббота 17:10:14)

artem_boyko_3

(Суббота 15:57:37)

greggelbak

(Среда 18:29:37)

vladisvlavs

(Среда 13:51:57)

add02102002

(Понедельник 22:37:15)

Диман221

(Понедельник 18:12:45)

almas051004

(Воскресенье 11:05:32)

megasuccessms

(Суббота 14:15:36)

nawe

(Пятница 22:25:23)

swoysb

(Пятница 14:55:29)

Вверх
13:26:24
ОбновитьСмайлыУправление мини-чатом
ЧАТ-PAWNO
2010-2024

vkontakte :samp-pawno.ru: