Crewebik | Форум

Новые сообщения Участники Правила форума RSS Подписки Поиск

Страница 1 из 1
1

Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Мини-чат » Новый, светлый мини-чат как на Zagruzka-Plus для uCoz

Новый, светлый мини-чат как на Zagruzka-Plus для uCoz

exclusiv...

04.11.2012 в 15:04

Описание и изменения функционала чата:

- Аватар рядом с ником
- Ник администратора красный, а остальных чёрный
- Красивая полоса прокрутки (только для Google Chrome)
- Наличие вызова правил чата
- Новая кнопка - Обновить (Вместо звуков)
- Красивая панель bb-кодов и кнопок (отправить, отмена, написать)
- Изменение цвета отдельных слов или всего сообщения
- Ну и конечно красивый, светлый дизайн)

И другие мелочи которые вы сможете увидеть, после установки

Перейдем к установки:

Перед началом установки можете на всякий случай сохранить
"Вид материалов Мини-Чата" И "Форму добавления сообщения"
например в блокноте на рабочем столе

1) Убираем отображение кода безопасности пользователям:
Заходим сюда : http://адрес_вашего_сайта/panel/?a=users;l=groups;t=8
Открываем раздел "Разное"
И в напротив пункта "Не показывать код безопасности" - ставим все галки
Сохраняем

Далее заходим сюда: http://адрес_вашего_сайта/panel/?a=mchat;l=setup
Ищем строчку "Использовать код безопасности для группы "Пользователи":"
И напротив снимаем галочку и потом сохраняем

2) Скачиваем архив (по ссылке ниже)
Открываем его и переносим папку serv на рабочий стол
Загружаем её в корень сайта (через FTP программу или файловый менеджер)
Путь должен получится такой: http://адрес_вашего_сайта/serv

3) Заходим в ПУ » Управление дизайном » Мини-Чат » Вид материалов
И заменяем всё на этот код:

Code

<?if($NUMBER$=1)?>
   <link type="text/css" rel="StyleSheet" href="/serv/chatok/chat.css" />
   <style type="text/css">
   #body{}
   ::-webkit-scrollbar
   {
   width: 5px;
   height: 9px;
   }
   ::-webkit-scrollbar-track-piece
   {
   background-color: #ffffff;
   -webkit-border-radius: 5px;
   }
   ::-webkit-scrollbar-thumb:vertical
   {
   height: 9px;
   background-color: #666;
   -webkit-border-radius: 5px;
   }
   ::-webkit-scrollbar-thumb:horizontal
   {
   width: 5px;
   background-color: #666;
   -webkit-border-radius: 5px;

   }
   </style>
   <?endif?>

   <div style="padding:4px;">
   <span class="chat-message-block">
   <table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tbody>
   <tr>
   <td width="40">
   <span class="chatAvatar"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$"><?else?><img src="/serv/chatok/noavatar.png"><?endif?></span></td>
   <td style="font-size:8pt; color:#666; line-height:14px;">
   <div style="float:right; margin-right:5px;">
   <span class="chat-button chat-reply tipsy-top" title="Ответить" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('asrea').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"></span>
   </div>
   <b>

   <?if($USER_ID$='1')?><a style="color:red;" href="$PROFILE_URL$">$USERNAME$</a><?else?><a href="$PROFILE_URL$">$USERNAME$</a><?endif?>

   </b><br>
   <span class="small">$DATE$ в $TIME$</span>
   </td>
   </tr>
   </tbody>
   </table>
   <div style="padding:3px 0px 3px 0px;">
   $MESSAGE$
   </div>
   </span>
   <div class="hr"></div>
   </div>

4) Заходим в ПУ » Управление дизайном » Мини-Чат » Форма добавления сообщения
И заменяем всё на этот код:

Code

5) Для тех у кого мини-чат сильно узкий..
Если панель добавления сообщения слишком широкая, а нужно меньше,
То в "Форме добавления сообщения" заменить всё на это:

Code

Готово, Удачи

evslav01

14.11.2012 в 21:44 А как поменять размер?

vladi

16.11.2012 в 17:01 Хороший дизайн!
evslav01, в css ищи

Code

height и width

Manil007

30.01.2013 в 17:17 Спасибо все огонь!

Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Мини-чат » Новый, светлый мини-чат как на Zagruzka-Plus для uCoz

Страница 1 из 1
1