Файлы: 857 Видео: 13 Комментарии: 242 Статьи: 306 Новости: 155 Форум: 39179 Пользователи: 3390 + 0 |Добавить на сайт ...

Новое на форуме Новые статьи Мини профиль
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Красивый мини-чат для uCoz
Красивый мини-чат для uCoz
Manoichi
Дата: Понедельник, 15.07.2013, 22:52 | Сообщение # 1


Красивый мини-чат для 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;  
}
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Красивый мини-чат для uCoz
  • Страница 1 из 1
  • 1
Поиск: