Панель (mchat, gb, статистика) by webo4ka


Панель (mchat, gb, статистика) by webo4ka

1395
10 из 10
Проголосовало: 1






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

Установка:

1. ПУ \ Управление дизайном \ Верхняя часть сайта (или же после <body>)
вставляете:

Code
<link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/webo4ka_chat_gb_ctatictika.css" />
<div id="webo4ka_close">
<script>
$(document).ready(function () {$("#file-1-select").click(function () {$("#file-1").show();$("#file-2").hide();$("#file-3").hide();$("#file-1-select").parent().addClass("act");$("#file-2-select").parent().removeClass("act");return false;});
$("#file-2-select").click(function () {$("#file-1").hide();$("#file-2").show();$("#file-3").hide();$("#file-1-select").parent().removeClass("act");$("#file-2-select").parent().addClass("act");return false;});});
</script>

<div onclick="$('#webo4ka_obchenie').toggle('slow');" href="javascript://"><div id="webo4ka_block_obchenie"><div id="webo4ka_lc_menu_block">Общение</div></div></div>
<div id="webo4ka_obchenie" class="webo4ka_obchenie2">  
<a href="javascript://" onclick="$('#webo4ka_obchenie').toggle('slow');" class="webo4ka_ccilki" title="Закрыть">X</a>
<a href="#" id="file-2-select" class="webo4ka_ccilki" style="text-decoration:none !important;">Гостевая</a>
<a href="#" id="file-1-select" class="webo4ka_ccilki" style="text-decoration:none !important;">Мини-чат</a>
<br><br>

<div id="file-1">
<div class="webo4ka_forum_kommenti"><div id="webo4ka_forum_kommenti" class="scroll-pane" align="center">
$CHAT_BOX$
</div></div></div>

<div id="file-2" style="display: none">
<div class="webo4ka_forum_kommenti"><div id="webo4ka_forum_kommenti" class="scroll-pane" align="center">
<center><iframe src="/gb" width="100%" height="400" frameborder="0" align="middle"></iframe></center>
</div></div></div>
</div>

<div onclick="$('#2').toggle('slow');" href="javascript://"><div id="webo4ka_lc_block_statistika"><div id="webo4ka_lc_menu_block">Статистика</div></div></div>
<div id="2" class="webo4ka_statistika2">
$COUNTER$
<hr>
$ONLINE_COUNTER$
$ONLINE_USERS_LIST$ <br><br>
</div>

<div onclick="$('#3').toggle('slow');" href="javascript://"><div id="webo4ka_lc_block_zakrit"><div id="webo4ka_lc_menu_block">X</div></div></div>
<div id="3" class="webo4ka_zakrit2">
<a href="javascript://" onclick="document.getElementById('webo4ka_close').style.display='none';false" style="cursor: pointer" class="webo4ka_ccilki2">Закрыть</a>
</div></div>


2. ПУ \ Управление дизайном \ Мини-чат \ Вид материалов
удаляете всё от-туда и вставляете:

Code
<div class="webo4ka$PARITY$">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="center" width="30px"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="40px" border="0" /><?else?><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/net_avatara.png" width="40px" border="0" /><?endif?>
</td>
<td valign="top" style="padding-left: 10px;">
<a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><b>$NAME$</b></a>
<br>$MESSAGE$<br><br>
<a style="font-size:9px; text-shadow: 0.1em 0.1em 0.05em #fff; color: text-decoration:none !important;" title="$DATE$">$TIME$</a> | <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" style="font-size:9px; text-shadow: 0.1em 0.1em 0.05em #fff; color: text-decoration:none !important;">Цитировать</a>
</td>
</tr>
</table>
</div>
<style>.webo4ka1 {background: #fff; border: 1px solid #dae1e8; border-left: 0px; border-right: 0px; padding: 5px; color: #ccc;} .webo4ka2 {background: #fafafa; border: 1px solid #dae1e8; border-left: 0px; border-right: 0px; padding: 5px; color: #ccc;}</style>


3. ПУ \ Управление дизайном \ Мини-чат \ Вид материалов \ Форма добавления сообщений
удаляете всё от-туда и вставляете:

Code
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>
<table width="100%" class="webo4ka_chat_menu">
<tr>
<td align="left">
<?if($SMILES_URI$)?>
<td>
<a href="javascript://" onclick="$('#webo4ka_chat_smaili').toggle('slow');" title="Вставить смайл"><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/package_toys.png" border="0" width="16" height="16" /></a>
<z id="webo4ka_chat_smaili" class="webo4ka_chat_okno_smailov">
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/smile.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/smile.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/sad.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/sad.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/happy.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/happy.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/dry.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/dry.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/biggrin.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/biggrin.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/tongue.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/tongue.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/cry.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/cry.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/angry.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/angry.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/surprised.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/surprised.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/wacko.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/wacko.gif" width="20" title="wink" /></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://s39.ucoz.net/sm/1/cool.gif[/img] ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/cool.gif" width="20" title="wink" /></a>
 <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://s29.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a>
</z>
</td>
<?endif?>

<?if($BBCODES_URI$)?>
<td>
<a href="javascript://" onclick="$('#webo4ka_chat_bb_kodi').toggle('slow');" title="BB-Коды"><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/text_bold.png" border="0" width="16" height="16" /></a>
<z id="webo4ka_chat_bb_kodi" class="webo4ka_chat_okno_bb_kodi">
<div id="webo4ka_mchat_bb">
<input type="button" href="javascript://" onclick="bbCode('b');" value="b" title="Полужирный" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('i');" value="i" title="Курсив" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('u');" value="u" title="Подчёркнутый" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('s');" value="s" title="Зачеркнутый текст" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('o');" value="o" title="Черта вверху текста" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('url');" value="http://" title="Вставить ссылку" class="webo4ka_mini-chat_knopki">
<br>
<input type="button" href="javascript://" onclick="bbCode('spoiler');" value="spoiler" title="spoiler" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('code');" value="code" title="code" class="webo4ka_mini-chat_knopki">
<input type="button" href="javascript://" onclick="bbCode('quote');" value="quote" title="quote" class="webo4ka_mini-chat_knopki">
<input type="button" href="$BBCODES_URI$$" value="Все BB-Коды" title="Все BB-Коды" class="webo4ka_mini-chat_knopki">
</div>
</z>
</td>
<?endif?>

<td><a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/refreshgreen.png" width="16" height="16"></a></td>
<?if($MSGCTRL_URI$)?><td><a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/cross.png" width="16" height="16"></a></td><?endif?>
</td>

<td align="right" style="font-size: 9px;">Осталось символов: <z style="color: #666; font-size: 9px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #000; color: #fff;">$LENGTH_COUNTER$</z></td>
</td></tr></table>

<table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td width="95%" rowspan="2" valign="top">$FLD_MESSAGE$</td><td align="center" valign="top">$SUBMIT$</td></tr></table>
<?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?>

<script type="text/javascript" src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/bb_kodi_mini_chat.js"></script>
<?endif?>


4. ПУ \ Управление дизайном \ Гостевая книга \ Страница с сообщениями
удаляете всё от-туда и вставляете:

Code
<html><head><link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/1/chat_css.css" /></head><body><div style="background:#fff; border:1px solid #ccc; padding:2px;margin:2px;">$BODY$</div><style>#puzadpn {display:none;}</style>$POWERED_BY$</body></html>


5. ПУ \ Управление дизайном \ Гостевая книга \ Вид материалов
удаляете всё от-туда и вставляете:

Code
<div class="webo4ka_gb_fon">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="center" width="30px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="40px" border="0" /><?else?><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/net_avatara.png" width="40px" border="0" /><?endif?>
</td>
<td valign="top" style=" padding-left: 10px;">
<a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><b>$NAME$</b></a>
<br>$MESSAGE$<br><br>
<a style="font-size:9px; text-shadow: 0.1em 0.1em 0.05em #fff; color: text-decoration:none !important;" title="$DATE$">$TIME$</a> | <a href="javascript:void('Apply to')" onclick="emoticon('[i]$USERNAME$,[/i]','message');return false;" style="font-size:9px; text-shadow: 0.1em 0.1em 0.05em #fff; color: text-decoration:none !important;">Цитировать</a> <?if($MODER_PANEL$)?>|$MODER_PANEL$<?endif?>
</td>
</tr>
</table>
</div>


6. ПУ \ Управление дизайном \ Гостевая книга \ Форма добавления сообщений
удаляете всё от-туда и вставляете:

Code
<table width="100%" class="webo4ka_chat_menu"><tr>
<?if($SMILES$)?><td><a href="javascript://" onclick="$('#webo4ka_gb_smaili').toggle('slow');" title="Вставить смайл"><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/package_toys.png" border="0" width="16" height="16" /></a><z id="webo4ka_gb_smaili" class="webo4ka_gb_okno_smailov">$SMILES$</z></td><?endif?>
<td><a href="javascript://" onclick="$('#webo4ka_gb_bb_kodi').toggle('slow');" title="BB-Коды"><img src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/text_bold.png" border="0" width="16" height="16" /></a><z id="webo4ka_gb_bb_kodi" class="webo4ka_gb_okno_bb_kodi">$BBCODES$</z></td>
<td><a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="left" src="http://webo4ka.ru/Ucoz4/webo4ka_chat_gb/refreshgreen.png" width="16" height="16"></a></td>
<td align="right">                </td>
</tr></table>

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="commTable">
<tr><td class="commTd2" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top">$MESSAGE_FL$</td></tr></table></td></tr>
<?if($SECURITY_FL$)?><tr><td class="commTd1">Код *:</td><td class="commTd2">$SECURITY_FL$</td></tr><?endif?>
<tr><td class="commTd2" colspan="2" align="center"><input class="commSbmFl" type="submit" id="gbsbm" value="- Добавить комментарий -" /></td></tr>
</table>


Желательно отключить код безопасности для пользователей!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 3

Goodmind
0
Goodmind написал: Написано 01 Ноября 2011 в 22:00
Комментарий №3
А можно чтобы вкладка общение была всегда открыта?

Fraps
+1
Fraps написал: Написано 04 Сентября 2011 в 21:28
Комментарий №2
Работает

Вовчик
0
Вовчик написал: Написано 04 Сентября 2011 в 20:52
Комментарий №1
Самый первый код надо поставить в условные операторы чтоб только пользователи видели, я забыл, завтра поставлю)

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