Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Красивый мини-чат для uCoz
19.11.2018
Красивый мини-чат для uCoz
  • 890 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 2.5 Рейтинг:
  • (Голосов: 4)
Описание:
Красивый мини-чат для uCoz. Мини-чат сделан в светлом стиле присутствует кнопка для перехода к профилю пользователя. Ник пользователя и время сделано в синее обводке. Форма добавления сообщения миниатюрна как никогда только поле для текста и кнопка отправить.

Установка:

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

Код
<div class="vid_mchat">
  <div class="mp_tit">
  <a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" class="link"></a>
  <div><b>$TIME$</b>  
  <a style="color:#fff; text-decoration:none;" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;">$USERNAME$</a></div>
  </div>
  <div class="conts">$MESSAGE$</div>
</div>
<style type="text/css">
  html, body {
  background:0;
  padding:0;
  margin:0;
  }
</style>


2. В Форму добавления сообщения кидаем код:

Код
<form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">
<div class="add_mchat">
  <input type="submit" value="" class="mchat" id="mchatBtn" style="">
  <span style="display: none; " id="mchatAjax"></span>
  <input name="mcmessage" onkeyup="countMessLength();" onfocus="countMessLength();" type="text" value="Текст сообщения">
</div>

<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>


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

Код
.vid_mchat {
  margin-bottom:5px;  
}

.vid_mchat .mp_tit a.link {
  display:block;
  width:23px;
  height:23px;
  float:right;
  margin-right:5px;
  background:url(http://7old.ru/ucoz-files/1/ico2.png) no-repeat 0 0;
}

.vid_mchat .mp_tit a.link:hover {
  opacity:0.8;  
}

.vid_mchat .mp_tit div {
  height:23px;
  background:#5badd7;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 32px 0 3px;
  color:#fff;
  line-height:22px;
  padding:0 7px;
}

.vid_mchat .mp_tit div b {
  float:right;
  font-size:10px;
  font-weight:normal;  
}

.add_mchat {
  width:187px;
  height:27px;
  background:url(http://7old.ru/ucoz-files/1/mchat_add.png) no-repeat 0 0;
  margin:5px 0 0 3px;
}

.add_mchat input[type="submit"] {
  border:0;
  width:16px ;
  height:16px;
  padding:0;
  float:right;
  margin:5px 5px 0 0;
  background:0;  
}

.add_mchat input[type="text"] {
  border:0;
  width:155px;
  height:18px;
  padding:0;
  margin:3px 0 0 5px;
  line-height:18px;
  background:0;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
}

.vid_mchat .conts {
  background:url(http://7old.ru/ucoz-files/1/line11.png) repeat-x 0 bottom;
  border-bottom:1px solid #ececec;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin:0 5px;
  padding:3px 2px 4px 1px;
}
Красивый мини-чат для uCoz" title="Скачать Красивый мини-чат для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]