in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Апрель » 19 » Серый Мини-Чат для uCoz
« Предидущий | ID: 193 | Следующий »

11:39
Серый Мини-Чат для uCoz


Новый Мини чат для ucoz. Чат выполнен в серых тонах, и как писал автор(uhacks) очень красивый и уникальный вид чата.Тестируем! Красивый, простой и удобный, что ещё нужно..

Установка:
Файлы архива закачайте в папку images файл менеджера.
Заходим в Панель управления » Главная » Управление дизайном » Мини чат » Вид материалов заменяем там всё на:

Код
<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><a class="ico_poril" title="Профиль $USERNAME$" href="javascript://" rel="nofollow" onclick="window.open('/index/8-$USER_ID$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a></td>
<td><a class="ls" title="Личное сообщение" href="javascript://" rel="nofollow" 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></td>
</tr>
<tr>
<td colspan="4" class="chat_mes">$MESSAGE$<br>$STR_CUSTOM1$: $CUSTOM1$<br>$STR_CUSTOM2$: $CUSTOM2$</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('/images/ico_prof.png');width:17px;height:17px;display:block;}
  a.ico_poril:hover {background-position: 0 -17px;}
  a.ls {cursor:pointer;background: url('/images/ls.png');width:17px;height:17px;display:block;}
  a.ls:hover {background-position: 0 -17px;}</style>  


Теперь переходим чуть ниже в "Форма добавления сообщений" заменяем всё на:

Код
<div id="av"><a href="$LOGIN_LINK$"><br>Авторизуйтесь!</a>Доступ запрещен</div>
  <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>
  <td id="td3"><a class="smiles" href="$SMILES_URI$" title="Смайлы"></a></td>
  <td id="td4"><a class="bb" href="$BBCODES_URI$" title="BB-Коды"></a></td>
  <td id="td5"><a class="option" href="$MSGCTRL_URI$" title="Редактировать"></a></td>
  </tr></table>
  
  <table id="t2">
  <tr><td colspan="2">$FLD_NAME$</td></tr>
  <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
  </table>
  
  <table id="t3">
  <tr>
  <td colspan="2">$FLD_MESSAGE$
  
  <table id="t4">
  <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>
  </table>
  
  </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('/images/loading1.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div>  
  </tr>
  </table>
    
  <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('/images/button.png');border:1px solid #B7B7B7;color:#585858;padding: 2px 1px;height:23px;}
  .but:hover {background: url('/images/button.png'); background-position: 0 -23px;border:1px solid #B7B7B7; color:#585858;padding: 2px 1px;}
  a.res {background: url('/images/reset.png');width:20px;height:20px;display:block;}
  a.res:hover {background-position: 0 -20px;}
  a.smiles {background: url('/images/smiles.png');width:20px;height:20px;display:block;}
  a.smiles:hover {background-position: 0 -20px;}
  a.bb {background: url('/images/bb.png');width:20px;height:20px;display:block;}
  a.bb:hover {background-position: 0 -20px;}
  a.option {background: url('/images/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>

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
 
 
Полная версия сайта