О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

Чат выполнен в светлых тонах с использованием измененных иконок.
Мини-чат uCoz подойдет для светлых дизайнов,
Но немного изменив CSS и он будет хорошо выглядеть на любых дизайнах.
Установка uCoz мини чата много времени не займет.


Установка:

1) Заходим в П.У. - Дизайн - Управление дизайном (CSS)
И в самый низ вставляем стили чата для ucoz:
Code
#mchatIfm2 {height:230px!important;}
  .chat_box {border:1px solid #ececec;border-top:0;padding:4px;}
  .chat_date {font-family:tahoma;color:#737474;float:right;font-size:8px;padding:3px 2px;}
  .chat_username {text-align:left;padding:2px 2px;}
  .chatstyles {width:121px!important;}
  .chatstyles img {background:#f8f8f8;border:1px solid #ececec;color:#8c8c8c;width:11px; height:11px; padding:1px 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
  .chatstyles img:hover {background:#fff;}
  .mchat {background: #fefefe;border: 1px solid #ececec;color:#8c8c8c;outline:none;}
  input#mchatBtn {background:#f8f8f8; border:1px solid #ececec;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:0px; width:60px!important;height:17px!important;}
  input#mchatBtn:hover {border:1px solid #ddd;cursor:pointer;}
  textarea#mchatMsgF {width:95%!important;margin-top:5px;}
  .chat_error {border:1px solid #ffe0e0;padding:3px;background:#fff2f2;margin-top:3px;}
  a.minichat_uds:link, a.minichat_uds:visited, a.minichat_uds:active {text-decoration:none;color:#737474;}
  a.minichat_uds:hover{color:#939494;text-shadow:0px 1px 0px #fff;text-decoration:none;}
  .minichat_udsER {background:#f3fafd; border:1px solid #e1ebf0;border-radius:4px;margin-bottom:4px;padding:5px;}  
  #plp {  
  padding: 0 0 0 15px;  
  margin: 7px 0 0 0;  
  background: url('http:/img/a2.png') no-repeat left top;  
  line-height: 20px;  
  color: #535252;  
  text-decoration: none;  
  }


2) Теперь устанавливаем вид материалов чата.
Заходим в П.У. - Дизайн - Управление дизайном - Мини-чат - Вид материалов:
Code
<style>body{background:#fff;border-top:1px solid #ececec;}</style>
  <div class="chat_box" style="background:<?if($PARITY$="1")?>#fff<?else?>#f4f4f4<?endif?>;">
  <div class="chat_date" title="$DATE$">$TIME$</div>
  <div class="chat_username">
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus(); parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';
  return false;" class="minichat_uds"><b>$USERNAME$</b></a>
  <span style="color:#636363;">пишет:</span>
  </div>
  <table><tbody><tr>
  <td valign="top"><a href="javascript://" onclick="return show_profile('$USER_ID$');" title="$USERNAME$"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http:/serv/uc3/chat/comm_added_no_av.png<?endif?>" width="25" style="border:1px solid #ececec;padding:1px;"></a></td>
  <td valign="top"><div class="cMessage" style="float:left; color:#636363;">$MESSAGE$</div></td>
  </tr></tbody></table>
  </div>


3) Устанавливаем следующий дизайн чата.
Заходим в П.У. - Дизайн - Управление дизайном - Мини-чат - Форма добавления сообщений:
Code
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>
  <div class="minichat_udsER" align="center">
Доступ запрещен.<br>
  <a href="$LOGIN_LINK$">Войдите</a> или <a href="$REGISTER_LINK$">Зарегистрируйтесь</a>
  </div><?else?>
  <div class="minichat_udsER" align="center">
  <a href="$LOGIN_LINK$">Доступ запрещен</a>
  </div>
  <?endif?></div><?else?>
  <script type="text/javascript">
  function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''}); _uPostForm('MCaddFrm',{ type:'POST', url:'/mchat/?340427630.273961'});}
  function countMessLength(){var rst = 200-$('#mchatMsgF').val().length; if (rst<0){rst=0; $('#mchatMsgF').val($('#mchatMsgF').val().substr(0,200)); }$('#jeuwu28').html(rst);}
  var tID7174=-1;var tAct7174=false;
  function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);
  document.cookie="mcrtd="+s.selectedIndex+"; path=/";
  if(tAct7174){clearInterval(tID7174);tAct7174=false;}
  if(v>0){ tID7174= setInterval("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(res[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;">
  <table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tbody>
  <tr>
  <td width="95%" rowspan="2">
  <textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"
  style="height:40px;width:100%;resize:none;"></textarea>
  </td>
  </tr></tbody></table>
  <table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tbody><tr>
  <td align="left" class="chatstyles">
  <a 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>');">
  <img border="0" align="absmiddle" src="http:/serv/uc3/chat/rules_ico.png" width="12" height="10"></a>

  <a title="Обновить" href="javascript://" onclick= "document.getElementById('mchatIfm2').src='/mchat/?'+Math.random(); return false;">
  <img border="0" align="absmiddle" src="http:/serv/uc3/chat/refresh_ico.png"></a>
  <?if($MSGCTRL_URI$)?><a title="Управление сообщениями" href="javascript://" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');
return false;"><img border="0" align="absmiddle" src="http:/serv/uc3/chat/settings_ico.png"></a><?endif?>
  </td>
  <td><div style="width:50px">
  <input type="submit" value="Отправить" class="mchat" id="mchatBtn" style="width:30px;">
  <img alt="" style="display:none;" id="mchatAjax" src="http:/serv/uc3/chat/ajax3.gif" border="0" width="16"></div></td>
  </tr></tbody></table>
  <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><?endif?>


Ещё необходимо отключить в настройках групп пользователей такую опцию:
"Использовать код безопасности для группы "Пользователи"

Вот и всё =D


Спонсор :



Источник: http://updatesite.ru
Всего голосов: ... | ... | ...

Нет комментариев

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вам дизайн сайта?

Всего ответов: 197
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков