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


Данный мини-чат выполнен в тёмных цветах.
В этом мини-чате есть функция очистки всех сообщений в один клик


Установка:

Заходим в
Панель управления » Главная » Управление дизайном, находим там Мини чат » Вид материалов
И заменяем там всё на:
Code
  
  <?if(!$USER_LOGGED_IN$)?>
  <div id="form_block">
  <div align="center" style="padding: 2px 0 3px;"> <a href="$LOGIN_LINK$">Для добавления необходима авторизация</a> </div>
  </div>
  <?else?>
  <div id="form_block">
<div id="mess_block">
<textarea name="mcmessage" onkeyup="countMessLength();" onfocus="countMessLength();" id="mchatMsgF" class="mess"></textarea>
</div>
<?if(!$USER_LOGGED_IN$)?>
<div class="name_block">
<input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="Имя" title="Имя" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="width:100%; height: 24px;" />
</div>
<!-- <div class="email_block"> </div>
<div class="site_block"> </div> -->
<?endif?>
<?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="funct_block">
<div id="ent_block">
<div class="readon">
<input type="submit" class="button" value="GO" id="mchatBtn" />
<div align="center"><img alt="" style="display:none;margin: 2px 4px;" id="mchatAjax" src="http://s44.ucoz.net/img/fr/ajax3.gif" border="0" width="16" /> </div>
</div>
</div>
<div style="padding: 0px;"> <a href="javascript://" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="http:/serv/img/ucoz/mchat_t/Replay.png" /></a>
<?if($SMILES_URI$)?>
<a href="$SMILES_URI$" title="Смайлики"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="http:/serv/img/ucoz/mchat_t/Friendster.png" /></a>
<?endif?>
<?if($BBCODES_URI$)?>
<a href="$BBCODES_URI$" title="ББ-коды"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="http:/serv/img/ucoz/mchat_t/Blogger.png" /></a>
<?endif?>
<?if($MSGCTRL_URI$)?>
<a href="$MSGCTRL_URI$" title="Модерация"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="http:/serv/img/ucoz/mchat_t/Tools.png" /></a>
<?endif?>
<?if($GROUP_ID$=4 || $GROUP_ID$=3)?>
<a href="javascript://" onclick="delete_chat()" title="Очистка чата"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="http:/serv/img/ucoz/mchat_t/icon-delete.png" /></a>
<?endif?>
</div>
</div>
<script type="text/javascript" src="http:/serv/img/ucoz/mchat_t//del.js"></script>
  </div>
  <?endif?>  
  <style>  
  #form_block {width: auto; padding: 2px; margin: 6px 2px 0px 3px; border: 1px dotted #444}
  #mess_block {margin: 2px}
  .mess {color: #999; background: url(http:/serv/img/ucoz/mchat_t/trans-high.png) repeat; width: 100%; height: 70px; resize:none}
  .name_block, .email_block, .site_block {margin: 6px 4px 4px 2px}
  #funct_block {width: auto; margin: 3px 2px 2px}
  #ent_block {display: block; float: right}
  .del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;}/*сам прогресс-бар, цвет рамки и фона*/
  .delete_chat {height:15px;float:left;}/*выравнивание заполнения прогресс-бара*/
  .delete_chats {background:#c0c0c0;height:13px;width:1px;float:left;padding:1px;}/*стиль полоски прогресс-бара (главное цвет)*/
  .del_proc {margin-top:-25px;margin-bottom:15px;}/*процент удалённых сообщений*/
  #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;}/*отступы для кнопки и сообщение об успехе/ошибке*/
  #del_ok, #del_error {font-size:15px;}/*размер текста для сообщений об успехе/ошибке*/
  #del_ok, #del_error, .del_c {text-align:center;display:none;}/*выравниание текста сообщений об успехе/ошибке*/
  .del_num {text-align:left;margin-left:14px;}/*стиль общего количества сообщений в чате*/
  .del_dels {text-align:right;float:right;margin-right:13px;}/*стиль количества удаленных сообщений*/
  </style>  
  


Потом в том же модуле (мини-чат) в "Форма добавления сообщений"
Заменяем всё на:
Code
  
  <div class="cBlock$PARITY$">
  <div class="f-block">
  <div class="cMessage">
  <div class="u-block">
  <span class="d-block" title="$DATE$"> $TIME$ </span>
  <a href="$PROFILE_URL$" title="$USERNAME$" >
  <img alt="" src="http://s44.ucoz.net/img/icon/profile.png" style="width:13px;height:13px;border:0;vertical-align: -3px" />  
  </a>
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i][b]$NAME$[/b][/i], ';return false;"><b>$NAME$</b></a>
  </div>$MESSAGE$</div>
  </div>
  </div>  
  <style>  
  body {background: #000 !important;}  
  #mchatIfm2 {width: 99% !important; height: 400px !important}
  .cBlock1 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}
  .cBlock2 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}
  .cBlock1 .f-block {background: #000; min-height: 58px}
  .cBlock2 .f-block {background: #000; min-height: 58px}
  .a-block {height: 54px; width: 54px; float: left; margin: 0 6px 0 0}
  .a-block img {width: 54px; height: 54px; padding:2px}
  .u-block {padding: 2px}
  .u-block a {font-size: 9pt; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px #999; text-decoration: none}
  .d-block {font-size: 8pt; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px #888; float: right}
  .cMessage {font-size: 10pt; color: #999; text-align: left; line-height: 1.1em; padding: 0 4px 4px 4px}
  .cMessage a.link {text-decoration:none !important;}
  .cBlock1 .f-block, .cBlock2 .f-block, .cMessage {min-height: 58px; -height: 58px; height:auto !important; height: 58px}
  #mcnomess92 {color: #000; text-align: center;}
  </style>  
  


Вы также можете собрать свой мини-чат:
Например взять отсюда "Вид материалов",
А с другого мини-чата "Форму добавления сообщений"


Спонсор :



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

Всего комментариев: 1
Hаписал: bR[a]tko , 20.06.2012 Среда 11:14 Сообщение #1
bR[a]tko
OFFLINE
+ 0 -

форма добовления собщений в мини чат кулл а вот сам чат не ахти :)

Информация


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

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
О чём не хватает материалов?

Всего ответов: 164
Последние комментарии
  • 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
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков