Описание
Неплохая панелька, при нажатие на "общение, открывается окно с мини-чатом и гостевой книгой, с возможностью переключаться. При нажатии на "Статистика, открывается окно где показывается сколько человек на сайте. ну коротко, кто не понял что написано в описании смотрите скрин)))
Установка:
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>
Желательно отключить код безопасности для пользователей!