Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [22.01.2019] Сталкерское меню как на STALKER-ZONE (0)
» [20.01.2019] Контент блоки Сталкер // Content block stalker (12)
» [17.01.2019] Распознание шрифта на картинке (1)
» [16.01.2019] Новый Арсенал 5.1 (Перезагрузка) (1)
» [15.01.2019] CS:GO Menu Screen CSS (0)
» [15.01.2019] CSGO Killfeed CSS (0)
» [12.01.2019] Mario Kart DS (0)
» [12.01.2019] Вид материалов в стиле «Кирпичная кладка» для u... (0)
» [12.01.2019] Новый вид комментариев для uCoz (0)
» [12.01.2019] Система уровней пользователей для uCoz (0)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap (50)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» [DMX] Народное творчество (24)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Личные сообщения (18)
» Редактирование мода «Народная солянка Объединенный пак ... (18)
» Xemordio (3123)
» NL-Vincenz (12)
» Infe[R]nos (7)
» Duzeppa26 (5)
» Ghosteron (4)
» Даниил_Хороший (1)
» gromgold (1)
» ZION (1)
» kamelotto (1)
» Бармен (1)
» [19.01.2019] gavyxte
» [18.01.2019] Sedoy
» [17.01.2019] Nik_nikolaev2k18
» [13.01.2019] dextyar96
» [09.01.2019] max202
» [07.01.2019] Infe[R]nos
» [06.01.2019] zgenaz
» [01.01.2019] iivelesii
» [28.12.2018] sas555555
» [27.12.2018] iano1

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Красивый мини-чат для ucoz
Красивый мини-чат для ucoz
Xemordio Offline Дата: Понедельник, 27.08.2018, 08:35 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3124


Шикарный чат для uCoz, правда? Чат выполнен в серых тонах с использованием изменных иконок. Чат uCoz подойдет для светлых дизайнов, но небольшая магия с CSS чата и цветовую гамму можно настроить под любой дизайн сайта uCoz.
Установка uCoz мини чата много времени не займет. Следуйте инструкции...

Шаг 1 - Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем стили чата для ucoz:
Код
/* Стиль чата wallaby.ucoz.ru */
.mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;padding-right:5px;}  
.mchat textarea:hover {background:#fff;}  
.mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:40px;margin-left:-2px;width:20px;}  
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;}  
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:50px;}  
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  
.option {border:1px solid #ccc;height:20px;margin:5px 0;width:100%;padding-top:3px;background:#fff;filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}  
.option:hover {filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}  
.chat {background:#E8E8E8;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;}  
.cBlock {margin:0px;padding:0px;border:none;}  
.cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;}

Шаг 2 - Вид материалов
Теперь устанавливаем вид материалов чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Вид материалов:
Код
<div class="cBlock">  
  <div class="chat">  
  <span style="float:right">$TIME$</span>  
  <div style="text-align:left;">  
  <div style="padding-left:7px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></div>  
  </div>  
  </div>  
  <div class="cMessage" style="text-align:left;">$MESSAGE$</div>  
  </div>

Шаг 3 - Форма добавления сообщений
Устанавливаем следующий дизайн чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Форма добавления сообщений:
Код
<style>  
  .codes {background:#f7f7f7;border:1px solid #ccc;border-top:none;width:99%;}  
  </style>  
  <?if($USER_LOGGED_IN$)?>  
  <div class="option">  

  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/arrow_cycle.png" width="16" height="16"></a>  
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/smiley-mr-green.png" width="16" height="16"></a><?endif?>  
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/application-xml.png" width="16" height="16"></a><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/x-office-document.png" width="16" height="16"></a><?endif?>  

  </div>  
  <table class="mchat" cellspacing="0" cellpadding="0">  
  <tr>  
  <td width="100%">$FLD_MESSAGE$</td>  
  <td>$SUBMIT$</td>  
  </tr>  

  </table>  
  <?if($FLD_SECURE$)?>  
  <table class="codes">  
  <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>  
  </table><?endif?>  
  <?else?><br>  
  <table cellspacing="0" cellpadding="0">  
  <tr>  
  <td class="op_fon">  
  <img src="http://wallaby.ucoz.ru/chats/alert.png" width="28" height="28"></td>  
  <td class="gost" valign="top">  
  Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.  
  </td>  
  </tr>  
  </table>  
  <?endif?>
Дата регистрации: 22.07.2017
Форум » Web uCoz » Скрипты для uCoz » Красивый мини-чат для ucoz
  • Страница 1 из 1
  • 1
Поиск:

12:17