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


Данный мини-чат выполнен в серых тоннах
Красивый, простой и удобный, что ещё нужно..


Установка:

Заходим в
Панель управления » Главная » Управление дизайном, находим там Мини чат » Вид материалов
И заменяем там всё на:
Code
<table border="0" class="chat_cBlock$PARITY$">
<tr>
<td class="chat_time" title="$DATE$">$TIME$</td>
<td class="chat_name"><a style="text-decoration:none; color: #678FB3;" title="Вставить в форму" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' [b]$NAME$[/b],';return false;"><b>$NAME$</b></a></td>
<td><?if($USERNAME$)?><a class="ico_poril" title="Профиль $USERNAME$" href="javascript://" onclick="window.open('/index/8-$USER_ID$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a><?endif?></td>
<td><?if($USERNAME$)?><a class="ls" title="Личное сообщение" href="javascript://" onclick="window.open('/index/14-$USER_ID$-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a><?endif?></td>
</tr>
<tr>
<td colspan="4" class="chat_mes">$MESSAGE$<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?><?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?></td>
</tr>
  </table>  
  <style>  
  #mchatIfm2 {border:1px solid #E3E3E3;}
  .chat_cBlock2 {border:0px;background:#FCFAFA;width:100%;}
  .chat_cBlock1 {border:0px;background:#EFEFEF;width:100%;}
  .chat_time {float:left;font-size:9px;cursor:help;text-align:left;height:16;}
  .chat_name {text-align:left;width:100%; height:16;text-transform: capitalize;font-family:Courier New;font-size:9pt;}
  .chat_mes {font-size:12px;padding: 0 3px 2px 0px;}
  a.ico_poril {cursor:pointer;background: url('http:/serv/img/ucoz/minichat/ico_prof.png');width:17px;height:17px;display:block;}
  a.ico_poril:hover {background-position: 0 -17px;}
  a.ls {cursor:pointer;background: url('http:/serv/img/ucoz/minichat/ls.png');width:17px;height:17px;display:block;}
  a.ls:hover {background-position: 0 -17px;}</style>  
  


Потом в том же модуле (мини-чат) в "Форма добавления сообщений"
Заменяем всё на:
Code
<?if(!$USER_LOGGED_IN$)?><div id="av"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$"><br>Авторизуйтесь!</a><?else?>Доступ запрещен<?endif?></div><?else?>
  <table id="t1">
  <tr>
  <td>Обновление:</td>
  <td align="right">
  <select onchange="setT7174(this);">
<option value="0">Нет</option>
<option value="5">5 сек</option>
<option value="15">15 сек</option>
<option value="30">30 сек</option>
<option value="120">2 мин</option>
  </select>
  </td>
  </tr>
  </table>
  <table>
  <tr>
  <td id="td1">$LENGTH_COUNTER$</td>
  <td id="td2"><a class="res" href="$RELOAD_URI$" title="Обновить"></a></td>
  <?if($SMILES_URI$)?><td id="td3"><a class="smiles" href="$SMILES_URI$" title="Смайлы"></a></td><?endif?>
  <?if($BBCODES_URI$)?><td id="td4"><a class="bb" href="$BBCODES_URI$" title="BB-Коды"></a></td><?endif?>
  <?if($MSGCTRL_URI$)?><td id="td5"><a class="option" href="$MSGCTRL_URI$" title="Редактировать"></a></td><?endif?>
  </tr></table>
  <?if(!$USER_LOGGED_IN$)?>
  <table id="t2">
  <tr><td colspan="2">$FLD_NAME$</td></tr>
  <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
  </table>
  <?endif?>
  <table id="t3">
  <tr>
  <td colspan="2">$FLD_MESSAGE$
  <?if($FLD_SECURE$)?>
  <table id="t4">
  <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>
  </table>
  <?endif?>
  </td>
  </tr>
  <tr>
  <td><input type="reset" value="Очистить" class="but"></td>
  <td id="td8"><input type="submit" id="mchatBtn" value="Отправить" class="but"></td>
  <div style="display:none; width:100%; height:32px; background:url('http:/images/ajax_style/loading.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div>  
  </tr>
  </table>
  <?endif?>  
  <style>  
  #mchatMsgF {width:97% !important;}  
  #jeuwu28 {color:#5B5B5B;}
  select {background:#F0F0F0;color:#000;border:1px solid #B7B7B7;}
  .mchat {border:1px solid #B7B7B7;}
  .but {-moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; background: url('http:/serv/img/ucoz/minichat/button.png');border:1px solid #B7B7B7;color:#585858;padding: 2px 1px;height:23px;}
  .but:hover {background: url('http:/serv/img/ucoz/minichat/button.png'); background-position: 0 -23px;border:1px solid #B7B7B7; color:#585858;padding: 2px 1px;}
  a.res {background: url('http:/serv/img/ucoz/minichat/reset.png');width:20px;height:20px;display:block;}
  a.res:hover {background-position: 0 -20px;}
  a.smiles {background: url('http:/serv/img/ucoz/minichat/smiles.png');width:20px;height:20px;display:block;}
  a.smiles:hover {background-position: 0 -20px;}
  a.bb {background: url('http:/serv/img/ucoz/minichat/bb.png');width:20px;height:20px;display:block;}
  a.bb:hover {background-position: 0 -20px;}
  a.option {background: url('http:/serv/img/ucoz/minichat/option.png');width:20px;height:20px;display:block;}
  a.option:hover {background-position: 0 -20px;}
  #t1 {width:100%;color:#5B5B5B;padding-top:5px;}
  #t2 {border:0;width:100%;}
  #t3 {border:0;padding-left:2px;width:100%;}
  #t4 {border:0;width:100%;text-align:center;}
  #td1 {padding-top:2px;width:100%;font-size:10px;}
  #td2 {padding:5 0 3 5px;}
  #td3 {padding:5 0 3 5px;}
  #td4 {padding:5 0 3 5px;}
  #td5 {padding:5 0 3 5px;}
  #mcSecurImg3 {width:95px;}
  #td6 {width:50%;}
  #td7 {width:100%;}
  #td8 {text-align:right;}
  #av {text-align:center;}</style>


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


Спонсор :



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

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

Информация


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

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

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