Жизнь Гигабайта — Развлекательно-информативный портал

Красивый светлый мини-чат v1.1

GraF — Thu, 04 Apr 2013 11:10:01 GMT

[spoiler="Скрин"] [/spoiler]

Новый вид мини-чата, подойдет для светлых дизайнов.

Были баги и ошибки с чатом, на данный момент чат полностью функционирует и работает без отказно. Все что на скрине так оно и есть. Единственное на что прошу обротить внимание это на то что мини чат растягивается под любой дизайн.
Тест проводился на разных стандартных шаблонах uCoz.
Автор: Неизвестен, Редактор: Дмитрий

Установка: в CSS ставим код:

Код

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;}

Цитата

В форуму добавления сообщения:

Код

Осталось: $LENGTH_COUNTER$

$FLD_MESSAGE$

$SUBMIT$

$FLD_SECURE$

$IMG_SECURE$

Для добавления сообщения зарегистрируйтесь.

Цитата

Код ниже пихаем в Вид материалов

Код

$TIME$

$NAME$

$MESSAGE$

Красивый и многофункциональный мини-чат для ucoz сайтов.

Дмитрий — Thu, 30 Aug 2012 14:59:47 GMT

[spoiler="Скрин"][/spoiler]

Для того, чтобы установить данный мини-чат к себе на сайт вам надо:
1. Скачать архив
2. После того, как вы скачали архив создайте папку "js" (без кавычек) в ФМ (файловом менеджере) и залейте все содержимое папки "JS" из архива, который Вы скачали.
3. Создайте папку "images" (без кавычек) в ФМ (файловом менеджере) и залейте все содержимое папки "images" из архива, который Вы скачали.
4. Создайте папку "xml" (без кавычек) в ФМ (файловом менеджере) и залейте все содержимое папки "xml" из архива, который Вы скачали.
5. Идем в панель управления >> управление дизайном >> ищем колонку "Мини-чат" >> заходим в вид материалов >> удаляем все содержимое и вставляем вот это:

Код

$USERNAME$

$TIME$

Цитировать

Отправить ЛС

Репутация ±

Профиль

$MESSAGE$

Цитата

6. Не закрываем вкладку и заходим в "Форма добавления сообщений" (в той же колонке "Мини-чат"), затем опять же удаляем все содержимое и ставим вот этот код:

Код

style="padding-right: 1px;" id="bc9"> value="img" onclick="tag_image1('mchatMsgF','')"
class="codeButtons" style="width: 25px;" id="img"
type="button">
value="code" onclick="simpletag1('code','','','mchatMsgF','')"
class="codeButtons" style="width: 30px;" id="code"
type="button">
style="direction: ltr; width: 45px;" id="url"
type="button">
id="b" style="width: 20px; font-weight: bold;"
type="button">
id="i" style="width: 20px; font-style: italic;"
type="button">
id="u" style="width: 15px; text-decoration: underline;"
type="button">

value="Правила чата" href="javascript://" onclick="openLayerB('Rules_Mchat',0,'/xml/rules_mchat.xml','Правила мини-чата',400,200,'1','','',0,'justify'); return false;"
class="codeButtons" style="width: 80px;" id="code"
type="button">

$FLD_NAME$
$FLD_EMAIL$	$FLD_URL$

$FLD_CUSTOM1$

$FLD_CUSTOM2$

$FLD_SECURE$

$IMG_SECURE$

$FLD_MESSAGE$	$LENGTH_COUNTER$
	$SUBMIT$

Мини-чат под любой дизайн для ucoz

Дмитрий — Sat, 25 Aug 2012 09:06:43 GMT

Установка:

Цитата

1. ПУ > Управление дизайном(CSS) > Мини-чат > вид материалов - заменяем все на этот код:

Код

$TIME$

$NAME$

       $MESSAGE$

Цитата

2. ПУ > Управление дизайном(CSS) > Мини-чат > Форма добавления сообщений - Меняем все на этот код:

Код

$FLD_SECURE$

$IMG_SECURE$

$FLD_MESSAGE$

$SUBMIT$

Правила мини-чата на jQeury

Дмитрий — Sat, 25 Aug 2012 09:00:19 GMT

Установка:

Цитата

Кнопка вызова окна с правилами:

Код

     Правила для этого чата

Цитата

Это в CSS:

Код

#box{
     display:block;
     background:#333;
     height:165px;
     padding:10 10 0 10;
     width:450px;
     border:2px solid #444;
     color:#dedede;
     font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
     opacity: 0.9;
     }
     #box p{
     display:block;
     font-size:12px;
     background:url('http://gig-pro.ru/load-ucoz/skripts/mini-4at/11/warning.png') no-repeat 10px top;
     padding-left:90px;
     }
     #box p b{
     font-size:20px;
     display:block;
     }

Цитата

Это в самый низ всего сайта - Нижняя часть сайта - Global_footer :

Код

В мини чате запрещается:
     1. Писать 3-и или более сообщений подряд.

     2. Использовать более 3 смайлов в 1 сообщении.

     3. Писать часто с включённым Caps-Lock'ом.

     4. Выражаться не культурными словами ( Матами ).

     5. Устраивать какие либо разборки ( Для этого есть ЛС ).

     6. Рекламировать свой сайт.

     7. Оскорблять пользователей.

И подключим саму библиотеку в Global_Aheader :

Код

Скрипт ВидеоЧата на сайт uCoz

Дмитрий — Fri, 10 Aug 2012 12:58:53 GMT

[spoiler="Скрин"][/spoiler]

Скрипт для видео чата на своём сайте.
Как устоновить! Заходим на ПУ сайта сайта uCoz Конструктор Шаблонов - Ставим вот этот код

Code

""
$POWERED_BY$

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

Дмитрий — Fri, 10 Aug 2012 12:47:21 GMT

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

Установка:

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

В CSS ставим:

Код

/* 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;}/*стиль количества удаленных сообщений*/
    /* --------- */

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

Код

     $TIME$


    $NAME$

$MESSAGE$

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

Код

Для добавления необходима авторизация

$FLD_SECURE$

$IMG_SECURE$

Вот и все! Пользуемся на здоровье

Очистка Мини-чата

Дмитрий — Wed, 30 May 2012 05:37:01 GMT

[spoiler="Пример куда можно установить:"][/spoiler]
Просто для того, чтобы не удалять сообщения вручную. Бывает такое, что кто-нибудь решит повеселится и зафлудит весь чат. Не хорошо! Теперь почистить чата можно с помощью этого скрипта!

Всё работает. uCoz не банит, т.к. интервал достаточный.

Вставляйте туда, где хотите видеть ссылку для очистки:

Код

Мини-чат v 1.0

Дмитрий — Sat, 26 May 2012 15:54:51 GMT

В сети довольно так и много различных версий мини-чата. Возможно подобная версия чата уже есть, лично я пока не встречал. Чат также разрабатывался для "укозик" и я решил им поделиться. Что хочется про него сказать, мини-чат плавно раскрывается и скрывается при нажатии на кнопку находящуюся с боку. Фону предана прозрачность. Регулируйте ее под себя (если светлый фон, то желательно малость убавить)

Установка:
[moder]После < /head>: [/moder]

Код

[moder]В CSS: [/moder]

Код

#miniChat{
    display:none;
    position:realitive;
    position:fixed;
    bottom:73px;
    background-color:#000;
    width:250px;
    height:410px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    border-radius:0 7px 0 0;
    background: rgba(0, 0, 0, 0.7);
    z-index:1;
    }

    #chatCont{
    position:absolute;
    z-index:2;
    width:240px;
    height:380px;
    margin:10px 10px 10px 0;
    color:#999;
    }

    #chat{
    position:absolute;
    position:fixed;
    bottom:73px;
    cursor:pointer;
    width:40px;
    height:38px;
    z-index:1;
    }

    .chatH{margin-left:-3px;}

    .chatH:hover{margin-left:0px;}
    /*endchat*/[code]

    Вид материалов мини-чата:

    [code]

$TIME$

    $NAME$
    E
    W

$MESSAGE$

$STR_CUSTOM1$: $CUSTOM1$

$STR_CUSTOM2$: $CUSTOM2$

[moder]Форма добавления сообщений мини-чата:[/moder]

Код

Для добавления необходима авторизация

Доступ запрещен

$FLD_AUTOUPD$

$FLD_NAME$
$FLD_EMAIL$	$FLD_URL$

$FLD_CUSTOM1$

$FLD_CUSTOM2$

$FLD_SECURE$

$IMG_SECURE$

$FLD_MESSAGE$	$LENGTH_COUNTER$
	$SUBMIT$

[moder]В шаблон сайта после < body>: [/moder]

Код

$CHAT_BOX$

Скрипт красивый мини-чат для Ucoz

Дмитрий — Fri, 25 May 2012 12:24:15 GMT

[moder]В вид материалов мини-чата вставляем:[/moder]

Код

$TIME$ rel="nofollow" rel="nofollow">

$NAME$

$MESSAGE$

[moder]В форму добавления сообщений вставляем:[/moder]

Код

Для добавления необходима авторизацияДоступ запрещен

$FLD_AUTOUPD$

$FLD_NAME$
$FLD_EMAIL$	$FLD_URL$

$FLD_CUSTOM1$

$FLD_CUSTOM2$

$FLD_SECURE$

$IMG_SECURE$

$FLD_MESSAGE$	$LENGTH_COUNTER$
	$SUBMIT$

Темный мини-чат для uCoz

Дмитрий — Thu, 03 May 2012 09:02:14 GMT

Темный мини-чат для uCoz. Удобный черный чат, с различными функциями и красивыми картинками.
Автор: TAMEP.

В CSS:

Код

/* Темный мини-чат */
.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://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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("http://gig-pro.ru/load-ucoz/skripts/mini-4at/6/bbcodes_a_r.png") no-repeat right;
      padding:0 5px 0 0;
}

.form_add .bbcodes a:hover {
      background:url("http://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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("http://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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://gig-pro.ru/load-ucoz/skripts/mini-4at/6/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("http://gig-pro.ru/load-ucoz/skripts/mini-4at/6/form_add_textarea.png") no-repeat 0 0;
      height:23px;
      font-family:Tahoma;
      font-size:11px;
      font-weight:bold;
      color:#636363;
}
/* --- */

Вид материалов чата:

Код

$AVATAR_URL$Ссылка на NOAVATAR" alt="$USERNAME$" />

$USERNAME$

$MESSAGE$

Форма добавлений сообщений мини-чата:

Код

B
U
i
S
Настройки