Четверг, 25.12.2025, 05:35
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: kaN, MaXuS™  
красивый мини-чат
BeavisДата: Суббота, 12.09.2009, 11:27 | Сообщение # 1
Сообщений: 48
Репутация: 0
Награды: 0
http://scriptsfor.ucoz.lv/_ld/5/s50964333.jpg
озможности:
1) Произвольная длинна окна сообщений
2) Рядом с ником Администратора иконка администратора
3) Цвет текста сообщений администратора отличается от цвета текста других пользователей
4) При нажатии на ник пользователя выходят опции
5) Модифицирован внешний вид
6) Убрана полоса прокрутки сообщений
7) Прозрачность бэкграунда Мини-чата
8) Полоса прокрутки будет отображаться лишь в браузере "Mozilla Firefox" (Без полосы прокрутки просмотреть историю сообщений в этом браузере невозможно)

Установка:

Управление дизайном сайта -- Мини-чат -- Вид материалов

Заменяем там всё на:

Code
<div style="width:245px">
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>

<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>

<script type="text/javascript" src="http://apocalypse.ucoz.kz/udleinf.js"></script>
<span title="Опции $USERNAME$" style='cursor: pointer;' onclick='show_bar(event, $USER_ID$)'><b><font color="797979">$USERNAME$</font></b></span>
<table id="win_$USER_ID$" onclick='hide_bar($USER_ID$)' style='background: #6497ca; position:absolute; visibility:hidden; filter:alpha(opacity=85); opacity: 0.85; width: 110px; border: 0px solid #ffffff;'>
<tbody>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/14-$USER_ID$-0-1" target="self" >Отправить ЛС</a></td></tr>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/8-$USER_ID$" target="blank" >Профиль</a></td></tr>
<tr><td style="text-align: left;"><img onclick="hide_bar($USER_ID$)" src="http://apocalypse.ucoz.kz/close.gif" title="Закрыть" border="0"></td></tr>
</table>

<?if($USER_ID$=1)?><img src="http://apocalypse.ucoz.kz/usergroup/admin.png" border="0"><?endif?><?if($USER_ID$=2)?><img src="http://apocalypse.ucoz.kz/usergroup/checked.png" border="0"><?endif?><?if($USER_ID$=8)?><img src="http://apocalypse.ucoz.kz/usergroup/moder.png" border="0"><?endif?><?if($USER_ID$=11)?><img src="http://apocalypse.ucoz.kz/usergroup/moder.png" border="0"><?endif?>
<div class="cMessage"><?if($USER_ID$='1')?><font color="e9e9e9">$MESSAGE$</font><?else?><font color="bababa">$MESSAGE$</font><?endif?></div>
</div></div>

Следующий код устанавливаем туда, где хотим видеть Мини-чат (Можно посто заменить $CHAT_BOX$:  
Code
<!-- <block2> -->
<?if($USER_AGENT$='firefox')?><center><iframe id="mchatIfm2" style="width:100%;height:600px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="http://apocalypse.ucoz.kz/mchat/"></iframe><?else?><center><iframe id="mchatIfm2" style="width:100%;height:600px" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="http://apocalypse.ucoz.kz/mchat/"></iframe><?endif?>
<br><br>
<?if($USER_LOGGED_IN$)?><script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?383447454.810291'});}
function countMessLength(){var rst = 500-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu28').html(rst);}
var tID7174=null;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearTimeout(tID7174);tAct7174=false;}if(v>0){tID7174=setTimeout("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];s.selectedIndex=parseInt(RegExp.$2);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}
</script>
<form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">

<script type="text/javascript" src="http://apocalypse.ucoz.kz/mchat.js"></script>

<select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" title="Автообновление" style="font-size:7pt;"><option value="0">--</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select>
<br>
<br>
<a href="javascript://" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a>
<a href="javascript://" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-23-2'});return false;" title="Вставить смайл"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a>
<a href="javascript://" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcb.gif" width="13" height="15"></a>
<a href="javascript://" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;" title="Управление сообщениями"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcm.gif" width="15" height="15"></a>
<br>
<div style="width:250px"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:50px; width:100%" cols="0" rows="0" scrolling="no""></textarea></div>

<?if($GROUP_ID$=1)?><br>
<img style="margin:0;padding:0;border:0;cursor:pointer;" align="absmiddle" title="Обновить код безопасности" id="mcSecurImg3" onclick="this.src='http://apocalypse.ucoz.kz/secure/?k=2704082894;s=mchat;tm='+Math.random();" src="http://apocalypse.ucoz.kz/secure/?k=2704082894;s=mchat;tm=1252085992" /><br>
<input class="mchat" title="Код безопасности" id="secuCodeMc3" type="text" name="code" style="width:40" size="5" maxlength="4" /><input type="hidden" name="seckey" value="2704082894" /><?endif?>
<div style="font-size:10px;"><b id="jeuwu28">500</b></div>
<br>
<div style="width:30px"><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;"><img style="display:none;" id="mchatAjax" src="http://s15.ucoz.net/img/fr/ajax3.gif" border="0" width="16"/></div>
<br>
<br>
<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" /></form>
<script type="text/javascript">initSel7174();
</script>
</center><?else?><a href="$LOGIN_LINK$">Для отправки сообщений<br>войдите на сайт<br>под своим логином</a><?endif?>
<!-- </block2> -->

Ну вот, в принципе, и всё... Высоту и цвета шрифтов отредактируйте по своему вкусу (Цвет шрифта редактируется в Виде материалов)


admin4er

Сообщение отредактировал Beavis - Суббота, 12.09.2009, 11:29
 
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Лучшие пользователи
Новые пользователи
Популярные темы
Недавно обновленные темы