Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Ещё один вид мини-чата для uCoz
21.11.2018
Ещё один вид мини-чата для uCoz
  • 632 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 3.0 Рейтинг:
  • (Голосов: 3)
Описание:
Красивый и светлый мини-чат. Чат выполнен в простом стиле и подойдёт для сайтов с светлым дизайном. В мини-чате присутствует аватар пользователя, ник и дата доабвления сообщения.

Установка:

1. В вид-материала мини-чата:

Код
<div class="cBlock">  
  <div class="chat" style="border-top:1px solid #ccc;margin-top:1px;">  
  <span style="float:right; padding-right: 3px"></span>  
  <div style="text-align:left;"> <div style="float:right;color:#777;padding-right:3px;font-size:10px;"><b>18:57</b></div>
  <div style="padding-left:7px;"><a style="text-decoration:none;color:#777;" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;"><b>$USERNAME$</b></a></div>  
  </div>  
  </div>  
<div class="cMessage" style="text-align:left;"><table><tbody><tr><td valign="top"><a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" title="$USERNAME$">
<?if($AVATAR_URL$)?>
<img src="$AVATAR_URL$" width="35" style="border:1px solid #ececec;padding:1px;">
<?else?>
<img src="http://7old.ru/ucoz-files/noava.png" width="35" style="border:1px solid #ececec;padding:1px;">
<?endif?>  
</a></td>
<td valign="top"><div style="float:left;color:#636363;">
$MESSAGE$
</div></td></tr></tbody></table></div>  
  </div>
<div id="newEntryT"></div>


2. В Таблицу стилей CSS:

Код
.option {border:1px solid #ccc;height:20px;margin:5px 0;width:100%;padding-top:3px;background:#fff;}  
  .chat {background:#E8E8E8;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;}  
  .cBlock {margin:0px;padding:0px;border:none;}  
  .cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;}


На этом всё.
Ещё один вид мини-чата для uCoz" title="Скачать Ещё один вид мини-чата для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]