CRE-ARTs
  • Авторизация

    ПАНЕЛЬ УПРАВЛЕНИЯ

    ! Гость (это Вы)

    • Регистрация
    • Забыл пароль?


    Рекомендуем пройти регистрацию, для удобства в использовании материалов.
  • Регистрация Забыл пароль?
Стиль для текста
Стиль для текста
Наш креативщик
CRE-ARTs.ru – ВЕБ-ДИЗАЙН И РАЗРАБОТКА САЙТОВ
На CRE-ARTs представленны лучшие шаблоны и скрипты,
собранные с различных источников в одном месте.
Наша почта: info@realarts.ru или art-creative@yandex.ru
  • Главная
  • Новости
  • Портфолио
  • Скрипты для uCoz
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайта
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Раздел дизайна
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Статьи
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Отзывы
  • Наши контакты
  • Правообладателям
  • Правила сайта
  • О нас
Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.
17 Марта 2014 Подробнее
Свернуть

Прямой эфир

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Вид материалов как на Pinterest
    Посмотрите источник тут
    или аналогичный пост тут

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Ссылка на источник при копировании текста
    Проверим, в ближайшее время исправим
  • muxa
    Пользователь: muxa
    В раздел по теме: Ссылка на источник при копировании текста
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
    Все работает класс
  • muxa
    Пользователь: muxa
    В раздел по теме: Всплывающее меню на чистом CSS
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: Шаблон Фотошоп-Мастер
    Там ничего не работает.Тупо скачал и удалил.
  • vovany
    Пользователь: vovany
    В раздел по теме: Уникальная страница технических работ для uCoz
    только что вот заметил, что некорректно отображаются надписи под отсчетом...
Свернуть

Статистика


Всего в онлайне: 1
Юзеров: 1
Пользователей: 0
Пользователи
Гости сайта
  • Онлайн
  • Кто был
  • СЧ
[Статистика недоступна]


  
Всего пользователей: 1492 +0
Всего материалов [?]: 1434 + -
Новости: 12
Комментарии: 325
Статьи: 667
Файлы: 430
Полный список
Свернуть

Список категорий

  • Главная
  • Новости
  • Скрипты для uCOZ
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайтов
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Рубрики
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Дизайн
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Портфолио

  • Группа ВКонтакте
  • Группа в Facebook
  • Группа в twitter

  • Для посетителей...
    • О нас
    • Наши баннеры
    • Правила сайта
    • Правообладателям
    • Отзывы
Свернуть

Опечатка

E-mail отправителя *:
Тема письма:
Текст сообщения *:

Если Вы обнаружили опечатку в тексте, выделите текст с ошибкой
и нажмите на кнопку
Опечатка
Свернуть

Вместе с нами

  • Cre-ARTs - всё самое необходимое
  • Cre-ARTs - всё самое необходимое

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Мини-чат » Мини-Чат под тёмный дизайн

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

  • Опубликовал: artCreative™
  • Категория: Мини-чат
  • Дата: 05 Февраля 2026 в 20:05
0 голосов
  • 1
  • 2
  • 3
  • 4
  • 5
Установка:

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

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

Далее идём в ПУ/Управление дизайном/Мини-чат/Вид материалов - удаляем всё что там есть и вставляем код:
<div class="cBlock$PARITY$">
<div class="f-block">
<div class="a-block">

<img src="$AVATAR_URL$" alt="" />

<img src="/profile/icons/noavatar.gif" alt="" />

</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>

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

<div id="form_block">
      <div align="center" style="padding: 2px 0 3px;"> <a href="$LOGIN_LINK$">Для добавления необходима авторизация</a> </div>
</div>

<div id="form_block">
      <div id="mess_block">
        <textarea name="mcmessage" onkeyup="countMessLength();" onfocus="countMessLength();" id="mchatMsgF" class="mess"></textarea>
      </div>
      
      <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> -->
      
      
      <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>
      
      <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>
          
           <a href="$SMILES_URI$" title="Смайлики"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Friendster.png" /></a>
          
          
           <a href="$BBCODES_URI$" title="ББ-коды"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Blogger.png" /></a>
          
          
           <a href="$MSGCTRL_URI$" title="Модерация"><img alt="" style="vertical-align:middle;width: 20px;height: 20px;border:0;" src="/images/Tools.png" /></a>
          
          <?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>
          
        </div>
      </div>
      <script type="text/javascript" src="/js/del.js"></script>     
</div>

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


Спонсор материала: Дизайн-Ателье по разработке сайтов и граффики RealARTs

  • Автор файла: lewonchik
  • Ссылка на источник материала


Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 960 « Назад

Теги материала: Мини-чат, дизайн, rfactor сборка, под

Похожие материалы:
  • Блок наш сайт оптимизирован под firefox
  • Красивый мини-чат (с ajax и плавным выходом)
  • Новый мини-чат
  • Дизайн ответов и ошибок комментариев
  • Новый, светлый мини-чат как на Zagruzka-Plus

Комментарии пользователей


Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.
  • Главная
  • Sitemap
  • Палитра Web цветов
RealARTs
Дизайн полностью создан и принадлежит сайту "Cre-ARTs.ru".
Все размещенные материалы, принадлежат их владельцам и предоставляются
исключительно в ознакомительных целях. Администрация ответственности
за содержание материала не несет и убытки не возмещает. Хостинг от uCoz
CRE-ARTs
  • Анализ интернет сайта