Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 01:26
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 10
Гостей: 9
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Тёмный мини чат с аватаром и bbcode

Тёмный мини чат с аватаром и bbcode Тёмный, мини, чат, с, аватаром, и, bbcode


Установка:
Вставляем в CSS:
Code
/* Темный мини-чат */  
  .back_chat1 {background-color:blue;}  
  .back_chat4 {background-color:red;}

  .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("http://upcss.3dn.ru/images/mini_chat/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("http://upcss.3dn.ru/images/mini_chat/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("http://upcss.3dn.ru/images/mini_chat/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:#87538a;
  height:17px;  
  text-align:center;  
  line-height:17px;  
  }  

  .form_add .bbcodes a span {  
  display:inline-block;  
  height:17px;  
  background:url("http://informers.ucoz.ru/scripts/mchat/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("http://upcss.3dn.ru/images/mini_chat/test2.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l_h.png*/ no-repeat 0 0;  
  color:#1a1a1a;  
  }  

  .form_add .bbcodes a:hover span {  
  background:url("http://upcss.3dn.ru/images/mini_chat/test3.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("http://informers.ucoz.ru/scripts/mchat/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;
  height:42px;  
  float:right;  
  padding:1px 0 0;  
  margin:0;  
  border:0;  
   
  }  

  .form_add .textarea textarea {  
  padding:9px 6px;  
  width:144px;  
  height:42px;  
  border:0;  
  background:url("http://informers.ucoz.ru/scripts/mchat/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="$AVATAR_URL$Ссылка на NOAVATAR" alt="$USERNAME$" /></div>  
  <div class="name"><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
  
  <div class="form_add">  
  <div class="bbcodes" style="padding:2px 0 1 0;" align="center">  
  <!--bb коды(вверх)-->
  <a href="javascript:onclick=simpletag1('b','','','mchatMsgF','')" title="Жирный текст"><span><b>B</b></span></a>
  <a href="javascript:onclick=simpletag1('u','','','mchatMsgF','')" title="Подчеркнутый текст"><span><u>U</u></span></a>  
  <a href="javascript:onclick=simpletag1('i','','','mchatMsgF','')" title="Наклонённый текст"><span><i>i</i></span></a>  
   
  <a href="$MSGCTRL_URI$"><span>Настройки</span></a>  
  </div>  
  <div class="textarea"><textarea style="height:42px; width:156px;" name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" placeholder="Текст сообщения..."></textarea></div>  
  <div class="submit"><div style="width:30px"><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-->  
  
<!--скрипт дополнительных bb кодов-->
<script src="http://upcss.3dn.ru/js/chat_bbcode/bbchat.js" type="text/javascript"></script>  
<!--конец-->
  
  <div class="form_add">  
  <div class="bbcodes" style="padding:2px 0 1 0;" align="center">  
  <!--bb коды(низ)-->
  <a href="javascript:onclick=tag_image1('mchatMsgF','')" title="Вставить картинку"><span>img</span></a>
  <a href="javascript:onclick=tag_url1('mchatMsgF','')" title="Вставить ссылку"><span>http://</span></a>  
  <a href="javascript:simpletag1('code','','','mchatMsgF','')" title="Вставить код"><span>code</span></a>  
<!--конец-->
  </div><!--/form_add-->  
  

Источник(дизайн):

Источник(скрипт):
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3662 | Комментарии: 3 | Рейтинг: 3.2/12 | |Категория: Скрипты блоки и шапки | Добавил: Vovan4ik13 | Дата: 05.06.2012 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 3
2 Vovan4ik13   Дата: 05.06.2012  Время: 13:23   [№ 13224]
Извиняюсь! Не видел этот код.

1 LaMeNt   Дата: 05.06.2012  Время: 08:54   [№ 13223]
конечно спс за мини-чат но аватар не у всех показывается это как так?

3 Vovan4ik13   Дата: 05.06.2012  Время: 13:27   1 [№ 13225]
Почему не у всех? У меня показывает у всех на сайте(тестовом)


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru