» »

Цвета ников в мини-чате для uCoz


Красиво для мини чата, и для дизайна хоть маленько но цветное и заметно. Ники под цветами разными.
Все устанавливается в вид материалов мини-чата сайта. Смотрится по дизайн красиво и видно кто с какой группы что очень удобно в общение.

Шаблон форма добавления:
Меняем:

Код
<?if($FLD_CUSTOM1$||$FLD_CUSTOM2$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
<?endif?>


На вот это:

Код
<?if($FLD_CUSTOM1$||$FLD_CUSTOM2$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%"><input maxlength="60" name="custom1" class="mchat" id="mchatC1F" value="" type="hidden" /></td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
<?endif?>


Активируем в настройках чата первое доп. поле

В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено:

Код
<a class="ugpLink ug$CUSTOM1$" href="javascript://" onclick="reChat('$NAME$');return false;" title="$USERNAME$" rel="nofollow">$NAME$


Убираем из шаблона поле:

Код
<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>


- здесь - №1

В блок с чатом, после кода $CHAT_BOX$ добавляем следующий скрипт:

Код
<script type="text/javascript">  
if(document.getElementById('mchatC1F')){document.getElementById('mchatC1F').value='$GROUP_ID$';};  
</script>


В стилях задаём отображение элементов:

Код
a.ugpLink{display:inline-block;font:100%/16px Georgia,serif;background:no-repeat left top;}  
a.ug1,a.ug2,a.ug3,a.ug4,a.ud5,a.ug251,a.ug255{padding-left:17px;}  
a.ug1:link,a.ug1:visited,a.ug1:hover{color:#90C;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/user.gif);} /* Зарегистрированные */
a.ug2:link,a.ug2:visited,a.ug2:hover{color:#096;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/verify.gif);} /* Проверенные */  
a.ug3:link,a.ug3:visited,a.ug3:hover{color:#03C;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/moder.gif);} /* Модераторы */  
a.ug4:link,a.ug4:visited,a.ug4:hover{color:#C30;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/admin.gif);} /* Администраторы */  
a.ug5:link,a.ug5:visited,a.ug5:hover{color:#096;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/users.gif);} /* Пользователи */  
a.ug251:link,a.ug251:visited,a.ug251:hover{color:#F90;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/friends.gif);} /* Друзья */  
a.ug255:link,a.ug255:visited,a.ug255:hover{color:#999;background-image:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/banned.gif);} /* Заблокированные */


ID групп пользователей смотреть в ПУ, если не в курсе.
Если не будете использовать иконки групп, стили «background» писать не нужно.
То бишь вот так, для просто выделения цветом? вот это:

Код
a.ugpLink{display:inline-block;font:100%/16px Georgia,serif;}  
a.ug1:link,a.ug1:visited,a.ug1:hover{color:#90C;} /* Зарегистрированные */  
a.ug2:link,a.ug2:visited,a.ug2:hover{color:#096;} /* Проверенные */  
a.ug3:link,a.ug3:visited,a.ug3:hover{color:#03C;} /* Модераторы */  
a.ug4:link,a.ug4:visited,a.ug4:hover{color:#C30;} /* Администраторы */  
a.ug5:link,a.ug5:visited,a.ug5:hover{color:#096;} /* Пользователи */  
a.ug251:link,a.ug251:visited,a.ug251:hover{color:#F90;} /* Друзья */  
a.ug255:link,a.ug255:visited,a.ug255:hover{color:#999;} /* Заблокированные */


Если какие группы чат не наблюдают - стили к ним тоже писать не нужно.
Названия групп может отличаться от ваших.
Цвета групп - свои, прочие стили и тд - по желанию.

Результат



Источник: http://likbezz.ucoz.ru/
04.06.2012 Просмотров: 1600 Комментарий: (15)

Поделиться в социальных сетях

Материал разместил

Комментарий: 15
maDama
maDama 13.10.2013 08:451
0
вы издеваетесь? даже невооруженным глазом видно что это лажа dry
Kosten
Kosten 13.10.2013 10:452
0
У каждого свое мнение!
workman
workman 07.01.2016 16:413
0
Нет операторов которые будут отвечать за каждого пользователя $USER_ID$
Kosten
Kosten 07.01.2016 17:414
0
workman, сейчас за цени, по группам будет ник меняться в мини чате.
Kosten
Kosten 07.01.2016 19:115
0
Смотрю вы воспользовался кодом, и скажу не плохо получилось, так как по нику можно сделать, думаю, но по группам это легче подогнать.

workman
workman 07.01.2016 19:146
0
НУ да.Я тоже воспользовался таким кодом. )))
Kosten
Kosten 07.01.2016 19:157
0
Вот теперь точно работает.
workman
workman 08.01.2016 07:128
0
А чего себе не ставишь?
Kosten
Kosten 08.01.2016 16:559
0
Да так нормально, но так можно установить.
workman
workman 10.01.2016 16:3910
0
Еще нужно в стили добавить вот такой код, чтобы он добавлял иконку для тех у кого гости могут добавлять сообщения
Код
a.ug0:link,a.ug0:visited,a.ug0:hover{color:#438401;background-image:url(ссылка на иконку);} /* Гость */
Kvint
Kvint 13.01.2016 20:2811
0
Но вижу что исправилии уже на одном сайте видел как они работают.
tsakonter
tsakonter 13.01.2016 20:4912
0
Как знаю workman поставил на свой чат, но так один раз видел, но что то внимание не обратил.
Scheme
Scheme 13.01.2016 21:0613
0
Но это заслуга, что вовремя поменяли битый скрипт, так и нужно.
FeStemBer
FeStemBer 13.01.2016 21:2314
0
Но это просто для большого сайта как показано можно поставить, для стандарта не думаю что нужно сколько пихать скриптов.
Kosten
Kosten 13.01.2016 21:3515
0
Для чего простой мини чат изображение поставил, чтоб видели как идет на нем.
avatar