Приветствую Вас Прохожий | RSS Четверг, 08.12.2016, 21:14
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 19
Гостей: 16
Пользователей: 3
alexman91, MaDaRa, LESIYI



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

Мини-Чат под тёмный дизайн

Мини-Чат под тёмный дизайн Мини-Чат под тёмный дизайн
Установка:

Качаем АРХИВ, распаковываем и заливаем содержимое в одноимённые папки.

В CSS ставим:


Code
/* Mini-Chat */
#mchatIfm2 {width: 99% !important; height: 400px !important}
.cBlock1 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}
.cBlock2 {margin: 0 2px 4px 2px; padding: 2px; border: 1px dotted #444}
.cBlock1 .f-block {background: url('../images/trans-high.png') repeat; min-height: 58px}
.cBlock2 .f-block {background: url('../images/trans-light.png') repeat; min-height: 58px}
.a-block {height: 54px; width: 54px; float: left; margin: 0 6px 0 0}
.a-block img {width: 54px; height: 54px; padding:2px}
.u-block {padding: 2px}
.u-block a {font-size: 12pt; font-weight: bold; color: #000; text-shadow: 1px 1px 2px #999; text-decoration: none}
.d-block {font-size: 7pt; font-weight: bold; color: #000; text-shadow: 1px 1px 2px #888; float: right}
.cMessage {font-size: 10pt; color: #999; text-align: left; line-height: 1.1em; padding: 0 4px 4px 4px}
.cMessage a.link {text-decoration:none !important;}
.cBlock1 .f-block, .cBlock2 .f-block, .cMessage {min-height: 58px; -height: 58px; height:auto !important; height: 58px}
#mcnomess92 {color: #999; text-align: center;}
/* Form message chat */
#form_block {width: auto; padding: 2px; margin: 6px 2px 0px 3px; border: 1px dotted #444}
#mess_block {margin: 2px}
.mess {color: #999; background: url(../images/trans-high.png) repeat; width: 251px; height: 70px; resize:none}
.name_block, .email_block, .site_block {margin: 6px 4px 4px 2px}
#funct_block {width: auto; margin: 3px 2px 2px}
#ent_block {display: block; float: right}
/* Delete message chat */
.del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;}/*сам прогресс-бар, цвет рамки и фона*/  
.delete_chat {height:15px;float:left;}/*выравнивание заполнения прогресс-бара*/  
.delete_chats {background:#c0c0c0;height:13px;width:1px;float:left;padding:1px;}/*стиль полоски прогресс-бара (главное цвет)*/  
.del_proc {margin-top:-25px;margin-bottom:15px;}/*процент удалённых сообщений*/
#del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;}/*отступы для кнопки и сообщение об успехе/ошибке*/  
#del_ok, #del_error {font-size:15px;}/*размер текста для сообщений об успехе/ошибке*/  
#del_ok, #del_error, .del_c {text-align:center;display:none;}/*выравниание текста сообщений об успехе/ошибке*/  
.del_num {text-align:left;margin-left:14px;}/*стиль общего количества сообщений в чате*/  
.del_dels {text-align:right;float:right;margin-right:13px;}/*стиль количества удаленных сообщений*/  
/* --------- */


Далее идём в ПУ/Управление дизайном/Мини-чат/Вид материалов - удаляем всё что там есть и вставляем код:

Code
div class="cBlock$PARITY$">
<div class="f-block">
<div class="a-block">
<?if($AVATAR_URL$)?>
<img src="$AVATAR_URL$" alt="" />
<?else?>
<img src="/profile/icons/noavatar.gif" alt="" />
<?endif?>
</div>
<div class="cMessage">
<div class="u-block">  
<span class="d-block" title="$DATE$"> $TIME$ </span>
<a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">
<img alt="" src="http://s44.ucoz.net/img/icon/profile.png" style="width:13px;height:13px;border:0;vertical-align: -3px" /></a>  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i][color=orange]$NAME$[/color][/i], ';return false;"><b>$NAME$</b></a>  
</div>$MESSAGE$</div>
</div>
</div>


Далее идём в ПУ/Управление дизайном/Мини-чат/Форма добавления сообщений - удаляем там всё и вставляем код:

Code
<?if(!$USER_LOGGED_IN$)?>
<div id="form_block">
  <div align="center" style="padding: 2px 0 3px;"> <a href="$LOGIN_LINK$">Для добавления необходима авторизация</a> </div>
</div>
<?else?>
<div id="form_block">
  <div id="mess_block">
  <textarea name="mcmessage" onkeyup="countMessLength();" onfocus="countMessLength();" id="mchatMsgF" class="mess"></textarea>
  </div>
  <?if(!$USER_LOGGED_IN$)?>
  <div class="name_block">
  <input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="Имя" title="Имя" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="width:100%; height: 24px;" />
  </div>
  <!-- <div class="email_block"> </div>
  <div class="site_block"> </div> -->
  <?endif?>
  <?if($FLD_SECURE$)?>
  <table border="0" cellpadding="1" cellspacing="1" width="100%" >
  <tr>
  <td width="50%" style="padding-left: 70px;">$FLD_SECURE$</td>
  <td align="right">$IMG_SECURE$</td>
  </tr>
  </table>
  <?endif?>
  <div id="funct_block">
  <div id="ent_block">
  <div class="readon">
  <input type="submit" class="button" value="GO" id="mchatBtn" />
  <div align="center"><img alt="" style="display:none;margin: 2px 4px;" id="mchatAjax" src="http://s44.ucoz.net/img/fr/ajax3.gif" border="0" width="16" /> </div>
  </div>
  </div>
  <div style="padding: 0px;"> <a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Replay.png" /></a>
  <?if($SMILES_URI$)?>
  <a href="$SMILES_URI$" title="Смайлики"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Friendster.png" /></a>
  <?endif?>
  <?if($BBCODES_URI$)?>
  <a href="$BBCODES_URI$" title="ББ-коды"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Blogger.png" /></a>
  <?endif?>
  <?if($MSGCTRL_URI$)?>
  <a href="$MSGCTRL_URI$" title="Модерация"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Tools.png" /></a>
  <?endif?>
  <?if($GROUP_ID$=4 || $GROUP_ID$=3)?>
  <a href="javascript://" rel="nofollow" onclick="delete_chat()" title="Очистка чата"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/icon-delete.png" /></a>
  <?endif?>
  </div>
  </div>
  <script type="text/javascript" src="/js/del.js"></script>  
</div>
<?endif?>


Вот и все! Пользуемся на здоровье.
Автор\Источник: не известен

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4748 | Комментарии: 2 | Рейтинг: 1.9/8 | |Категория: Скрипты блоки и шапки | Добавил: tiko1982 | Дата: 21.04.2012 | Скачали: 51
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 antoxa77561   Дата: 27.09.2012  Время: 20:27   [№ 13714]
все норм,тока он очень огромный((что делать?

+2   Спам
1 hjp^   Дата: 30.04.2012  Время: 18:19   [№ 12892]
Криво сделан мини-чат!
(Не работает)


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

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


Поиск


На форуме

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