Наш опрос
Сколько у вас сайтов в системе uCoz?
Всего ответов: 48
Случайный анекдот
22 Созвал как-то царь немца, француза и русского. Дал каждому по собаке, мешку сухарей, месяц на выполнение задания - научить собаку как можно большему за это время. Как водится, обещал пол царства и дочь замуж... Заперли их в отдельных комнатах. Проходит месяц, пред царем появляется тощий - тощий немец и такая тооолстая собака. Ну, - говорит царь - чему научил? Немец: - Сидеть, лежать, апорт, к ноге. Продемонстрировал. Приходит француз, такого среднего телосложения и такая же собака. - Чему научил? - Сидеть, лежать, апорт, к ноге, нельзя, след и т.д. Продемонстрировал. Приходит русский, такой жирный - жирный. И такая тощая - тощая собака. - Ну, чему научил? Русский: - Голосу научил. Царь, глядя на измождённую собаку, спрашивает русского: - Сухари давал? Русский: - Давал! Собака: - Пиzдит!!!
Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3485
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 177
Авторизованных: 3304

   Web Мини-чат v1.0



Простой мини чат с правилами для вашего сайта, выполнен в серых тонах и подойдет для светлых дизайнов. Не бросается в глаза, не перегружает дизайн сайта и сайт в целом.

Установка:
Файлы архива закачайте в папку chat файл менеджера.
В ПУ активируем модуль мини чат, заходим в управление дизайном > вид материалов мини чата и заменяет весь код на:
Код
<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>


В форму добавления ставим:
Код
  
<div class="option">  
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="/chat/arrow_refresh_small.png" width="16" height="16"></a>  
<a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="/chat/emoticon_grin.png" width="16" height="16"></a>  
<a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="/chat/page_code.png" width="16" height="16"></a>  
<a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="/chat/configure.png" width="16" height="16"></a>  
<span style="float:right;"><a href="javascript://" onclick="new _uWnd('myName','Правила',500,200,{autosize:1,maxh:300,minh:100},'тут правила');"><img alt="" src="/chat/comment_question.png" width="16" height="16"></a><span>  
</div>  
<table class="mchat" cellspacing="0" cellpadding="0">  
<tr>  
<td>$FLD_MESSAGE$</td>  
<td>$SUBMIT$</td>  
</tr>  
</table><br>  
<table cellspacing="0" cellpadding="0">  
<tr>  
<td class="op_fon">  
<img src="/chat/dialog-warning.png"></td>  
<td class="gost" valign="top">  
Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.  
</td>  
</tr>  
</table>  

Находим в коде 'тут правила' и соответственно пропишите свои правила для чата.

В CSS ставим вот это:
Код
/* Мини-чат v1.0 */  
.mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;}  
.mchat textarea:hover {background:#fff;}  
.mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:42px;width:100%;margin-left:-2px;}  
.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:175px;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;}  
/* Мини-чат v1.0 */


Скачать архив 5,37 кб Html редактор
Автор: Prosvetekvator
Просмотров: 9985
23.04.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Web Мини-чат v1.0 След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022