Красивый и функциональный мини-чат by webo4ka


Красивый и функциональный мини-чат by webo4ka

1712
8 из 10
Проголосовало: 6




Установка:

ПУ / Мини-чат / Вид материалов
удаляете всё от туда и вставляете:

Code
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px; font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="$DATE$">$TIME$ <a href="javascript:scroll(0,9999);"title="Перейти в конец страницы">↓</a> <a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" title="Перейти в начало страницы">↑</a></div>
<div style="text-align:left;">
<a style="text-decoration:none;font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="Написать $USERNAME$'у" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"> <?if($USER_ID$='1')?><font color=red><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?></a>
<img src="http://webo4ka.ru/Ucoz2/webo4ka_mini_chat.png" border="0" style="cursor:pointer" onclick="$('#$NUMBER$').slideToggle('fast')">  
<div id="$NUMBER$" style="background:#fff;border:2px solid #c3ccd3;display:none;position:absolute;margin-left:17px;padding:4px;width:150px;">  
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" align="left" width="60" border="0" class="webo4ka_ava"/><?else?><img src="http://webo4ka.ru/webo4ka/images/webo4ka_no_avatar.png" align="left" width="60" border="0" class="webo4ka_ava_no"/><?endif?>
<a href="$PROFILE_URL$" title="Профиль $NAME$'а" target="_blank">Профиль</a><br>
<a href="/index/14-$USER_ID$-0-1" title="Отправить ЛС $NAME$'у" target="_blank">Отправить лс</a>
</div> <div style="border:2px dashed #dae2e8;"></div></div>
<div class="cMessage" id="webo4ka_text"><?if($CUSTOM1$)?><font color="$CUSTOM1$" >$MESSAGE$</font><?else?>$MESSAGE$<?endif?></div>
</div><link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/webo4ka/css/mini_chat_css_stil_vk.css"/>

ПУ / Мини-чат / Форма добавления сообщений
удаляете всё от туда и вставляете:

Code
<?if(!$CAN_ADD$)?><div align="center" class="webo4ka_vxod"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>
<?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?>
<div id="webo4ka_spoiler" style="display: none;"><div id="webo4ka_bb_kodi">
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('b');" title="Полужирный">b</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('i');" title="Курсив">i</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('u');" title="Подчёркнутый">u</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('s');" title="Зачеркнутый текст">s</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('o');" title="Черта вверху текста">o</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('l');" title="Текст по левому краю">←</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('c');" title="Текст по центру">↑</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('r');" title="Текст по правому краю">→</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('url');" title="Вставить ссылку" style="margin: 5px;">http://</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('spoiler');" title="spoiler">spoiler</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('code');" title="code">code</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1"><div class="imgB" onclick="bbCode('quote');" title="quote">quote</div></div>
<div class="Webo4ka_knopka_cerii" id="Webo4ka_knopka_cerii1" href="javascript://" onclick="openLayerB('Rules_Mchat',0,'http://webo4ka.ru/webo4ka/xml/cvet_teksta.xml','Цвета',150,80,'1','','',0,'justify'); return false;" value="color" title="Цвета" >color</div>
</div></div>
<div id="webo4ka_color" style="display: none;"><div id="webo4ka_bb_kodi">
<input name="custom1" value="#ff0000" style="background:#ff0000; color:#ff0000;" type="checkbox" onmouseover="$('#webo4ka_mess_1').fadeIn('slow');" onmouseout="$('#webo4ka_mess_1').fadeOut('slow');">
<input name="custom1" value="#0000FF" style='color:#0000FF; background:#0000FF;' type="checkbox" onmouseover="$('#webo4ka_mess_2').fadeIn('slow');" onmouseout="$('#webo4ka_mess_2').fadeOut('slow');">
<input name="custom1" value="#00ff00" style='color:#00ff00; background:#00ff00;' type="checkbox" onmouseover="$('#webo4ka_mess_3').fadeIn('slow');" onmouseout="$('#webo4ka_mess_3').fadeOut('slow');">
<input name="custom1" value="#8b00ff" style='color:#8b00ff; background:#8b00ff;' type="checkbox" onmouseover="$('#webo4ka_mess_4').fadeIn('slow');" onmouseout="$('#webo4ka_mess_4').fadeOut('slow');">
<input name="custom1" value="#00bfff" style='color:#00bfff; background:#00bfff;' type="checkbox" onmouseover="$('#webo4ka_mess_5').fadeIn('slow');" onmouseout="$('#webo4ka_mess_5').fadeOut('slow');">
<input name="custom1" value="#ffff00" style='color:#ffff00; background:#ffff00;' type="checkbox" onmouseover="$('#webo4ka_mess_6').fadeIn('slow');" onmouseout="$('#webo4ka_mess_6').fadeOut('slow');">
<input name="custom1" value="#ffa500" style='color:#ffa500; background:#ffa500;' type="checkbox" onmouseover="$('#webo4ka_mess_7').fadeIn('slow');" onmouseout="$('#webo4ka_mess_7').fadeOut('slow');">
<input name="custom1" value="#7a7367" style='color:#7a7367; background:#7a7367;' type="checkbox" onmouseover="$('#webo4ka_mess_8').fadeIn('slow');" onmouseout="$('#webo4ka_mess_8').fadeOut('slow');">
<input name="custom1" value="#ffd700" style='color:#ffd700; background:#ffd700;' type="checkbox" onmouseover="$('#webo4ka_mess_9').fadeIn('slow');" onmouseout="$('#webo4ka_mess_9').fadeOut('slow');">
<input name="custom1" value="#4b0082" style='color:#4b0082; background:#4b0082;' type="checkbox" onmouseover="$('#webo4ka_mess_10').fadeIn('slow');" onmouseout="$('#webo4ka_mess_10').fadeOut('slow');">
<input name="custom1" value="#b0d753" style='color:#b0d753; background:#b0d753;' type="checkbox" onmouseover="$('#webo4ka_mess_11').fadeIn('slow');" onmouseout="$('#webo4ka_mess_11').fadeOut('slow');">
<input name="custom1" value="#cd7f32" style='color:#cd7f32; background:#cd7f32;' type="checkbox" onmouseover="$('#webo4ka_mess_12').fadeIn('slow');" onmouseout="$('#webo4ka_mess_12').fadeOut('slow');">
<small id="webo4ka_mess_1" style="display:none; font-size: 8pt; color:#ff0000;">Красное сообщение</small>
<small id="webo4ka_mess_2" style="display:none; font-size: 8pt; color:#0000FF;">Синее сообщение</small>
<small id="webo4ka_mess_3" style="display:none; font-size: 8pt; color:#00ff00;">Зелёное сообщение</small>
<small id="webo4ka_mess_4" style="display:none; font-size: 8pt; color:#8b00ff;">Фиолетовое сообщение</small>
<small id="webo4ka_mess_5" style="display:none; font-size: 8pt; color:#00bfff;">Голубое сообщение</small>
<small id="webo4ka_mess_6" style="display:none; font-size: 8pt; color:#ffff00;">Жёлтое сообщение</small>
<small id="webo4ka_mess_7" style="display:none; font-size: 8pt; color:#ffa500;">Оранжевое сообщение</small>
<small id="webo4ka_mess_8" style="display:none; font-size: 8pt; color:#7a7367;">Серое сообщение</small>
<small id="webo4ka_mess_9" style="display:none; font-size: 8pt; color:#ffd700;">Золотое сообщение</small>
<small id="webo4ka_mess_10" style="display:none; font-size: 8pt; color:#4b0082;">Индиго сообщение</small>
<small id="webo4ka_mess_11" style="display:none; font-size: 8pt; color:#b0d753;">Фисташковое сообщение</small>
<small id="webo4ka_mess_12" style="display:none; font-size: 8pt; color:#cd7f32;">Бронзовое сообщение</small>
</div></div>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td></tr>
</table>
<input type="submit" value="OK" title="Отправить" class="Webo4ka_knopka_cinii" id="Webo4ka_knopka_cinii1">
<div style="display:none;"><input value="OK" class="mchat" id="mchatBtn" style="display:block !important" title="Отправить"></div>
<div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$RELOAD_URI$" title="Обновить">↻</div></div>
<?if($SMILES_URI$)?><div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$SMILES_URI$" title="Вставить смайл">☺</div></div><?endif?>
<?if($BBCODES_URI$)?><div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$BBCODES_URI$" title="BB-Коды">BB</div></div><?endif?>
<?if($MSGCTRL_URI$)?><div class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" href="$MSGCTRL_URI$" title="Управление сообщениями">✖</div></div><?endif?>
<div onclick="$('#webo4ka_spoiler').slideToggle('slow');" href="javascript://" class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" title="Дополнительно">д</div></div>
<div onclick="$('#webo4ka_color').slideToggle('slow');" href="javascript://" class="Webo4ka_knopka_cerii"><div id="Webo4ka_knopka_cerii1" title="Цвет сообщения">c</div></div>
<a style="font-size:10px; color:#45638a; text-shadow:1px 1px 1px #fff;">$LENGTH_COUNTER$</a>$FLD_AUTOUPD$
<script type="text/javascript" src="http://webo4ka.ru/webo4ka/js/bb_kodi_mini_chat.js"></script>
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/webo4ka/css/mini_chat_css_stil_vk.css" />
<?endif?>

Далее идём в ПУ \ Мини-чат \ Настройки модуля и активируем Доп. поле 1

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 10

uID
0
uID написал: Написано 20 Июля 2011 в 16:03
Комментарий №10
Какой то он большой.

uID
+1
uID написал: Написано 08 Июля 2011 в 11:05
Комментарий №9
Ajax-окно Цвета не открывается sad

DJ_FORWARD
0
DJ_FORWARD написал: Написано 07 Июня 2011 в 16:55
Комментарий №8
Красивый но почему то не всё функции можно..... sad

Никита_Степанов_мне_8
0
Никита_Степанов_мне_8 написал: Написано 11 мая 2011 в 19:42
Комментарий №7
Не закрыт один или более условный оператор (<?if?>)

SanyaSV
0
SanyaSV написал: Написано 19 Апреля 2011 в 22:49
Комментарий №6
аа красава старый мини чат как у тебя был smile

rehito
+1
rehito написал: Написано 16 Апреля 2011 в 14:32
Комментарий №5
Вовчик, не работает, вставил все , а сообщения не добавляются?!!?!

DISFALK
0
DISFALK написал: Написано 14 Апреля 2011 в 20:56
Комментарий №3
Ну что, писать будем? Вовчик, где можно сменить ширину чата?

Вовчик
+1
Вовчик написал: Написано 15 Апреля 2011 в 08:09
Комментарий №4
в css ищешь width:284px и уменьшаешь

rehito
0
rehito написал: Написано 14 Апреля 2011 в 18:56
Комментарий №1
а можно заменить на иконки надписи???

Вовчик
0
Вовчик написал: Написано 14 Апреля 2011 в 18:58
Комментарий №2
попробуй...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: