Как изменить цвет ников, задать иконку групп в мини-чате
|
|
[1] likbezz [10.04.2013, 20:58] |
Как изменить цвет ников, задать иконку групп в мини-чате
Шаблон форма добавления: Меняем: Код <?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?>
Активируем в настройках чата первое доп. поле
В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено: Цитата (Code) <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(/_theme1/_st/ico/user.gif);} /* Зарегистрированные */ a.ug2:link,a.ug2:visited,a.ug2:hover{color:#096;background-image:url(/_theme1/_st/ico/verify.gif);} /* Проверенные */ a.ug3:link,a.ug3:visited,a.ug3:hover{color:#03C;background-image:url(/_theme1/_st/ico/moder.gif);} /* Модераторы */ a.ug4:link,a.ug4:visited,a.ug4:hover{color:#C30;background-image:url(/_theme1/_st/ico/admin.gif);} /* Администраторы */ a.ug5:link,a.ug5:visited,a.ug5:hover{color:#096;background-image:url(/_theme1/_st/ico/users.gif);} /* Пользователи */ a.ug251:link,a.ug251:visited,a.ug251:hover{color:#F90;background-image:url(/_theme1/_st/ico/friends.gif);} /* Друзья */ a.ug255:link,a.ug255:visited,a.ug255:hover{color:#999;background-image:url(/_theme1/_st/ico/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;} /* Заблокированные */
Если какие группы чат не наблюдают - стили к ним тоже писать не нужно. Названия групп может отличаться от ваших. Цвета групп - свои, прочие стили и тд - по желанию.
Результат типа такой:
В живую посмотреть в гостевой
Скрипт не будет изменять добавленные ранее сообщения
|
|
[2] snayper [29.05.2013, 15:59] |
блин что то у меня не получается. можете мне помощь? |
|
[3] likbezz [29.05.2013, 19:01] |
snayper, блин что то у меня не получается. Здоровское описание проблемы..
Да, конечно, как только узнаю что именно не получается. |
|
[4] snayper [29.05.2013, 19:12] |
проблема в том что всё сделал как вы написали но ничего не меняеться. может вы зайдёте ко мне в админку и посмотрите што нитак? |
|
[5] likbezz [29.05.2013, 19:22] |
snayper, может вы зайдёте ко мне в админку и посмотрите што нитак? Нет, это не интересно.
Поле активировали? Форму отредактировали? Скрипт добавили? Стили прописали?
Дайте ссылку на чат, что ли. |
|
[6] snayper [29.05.2013, 19:35] |
да всё это сделал http://vipclips.net/Добавлено (29.05.2013, 19:35) --------------------------------------------- это ж в ксс Код 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;} /* Заблокированные */
и как здесь отредактировать под свои групы эсли у меня например Пользователи 1 ид Друзья 2 Модератор 3 Администратор 4 Журналист 5 Директор 6 Проверенный 7 Заблокированные 255 |
|
[7] likbezz [29.05.2013, 19:48] |
snayper, Вот это сделали? Код В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено: Цитата (Code) <a class="ugpLink ug$CUSTOM1$" href="javascript://" onclick="reChat('$NAME$');return false;" title="$USERNAME$" rel="nofollow">$NAME$ Не вижу в коде у вас классов. |
|
[8] snayper [29.05.2013, 19:54] |
я добавил в тот код што был вот этот class="ugpLink ug$CUSTOM1$" Добавлено (29.05.2013, 19:54) --------------------------------------------- а час |
|
[9] likbezz [29.05.2013, 20:02] |
snayper, я добавил в тот код што был вот этот class="ugpLink ug$CUSTOM1$" Вот теперь, добавили. А теперь стили переместите в самый верх таблицы стилей, ибо у вас там ошибок немерено.. и они просто не читаются. И добавьте в стили свои группы, последний коммент в чате от группы №6? соответственно: Цитата (Code) a.ug6:link,a.ug5:visited,a.ug5:hover{color:#096;} /* Группа №6 */ |
|
[10] snayper [29.05.2013, 20:02] |
если честно то не совсем понятно с этим В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено: Код <a class="ugpLink ug$CUSTOM1$" href="javascript://" onclick="reChat('$NAME$');return false;" title="$USERNAME$" rel="nofollow">$NAME$ можно както по точнее |
|
[11] likbezz [29.05.2013, 20:05] |
snayper, Найти ссылку в которой $NAME$ и добавить класс. |
|
[12] snayper [29.05.2013, 20:07] |
почему неработает тогда? |
|
[13] likbezz [29.05.2013, 20:10] |
snayper, Потому что вы то добавляете, еще пять минут назад было, а теперь снова вернули обратно. Классов теперь нет. И стили у вас в самом низу, до сих пор..
..
Вы уж определитесь, либо делаем, либо нет.
|
|
[14] snayper [29.05.2013, 20:16] |
да делаем. просто то я пробовал другие способы. вы мне пишите что делатьДобавлено (29.05.2013, 20:16) --------------------------------------------- это всё уже сделал |
|
[15] likbezz [29.05.2013, 20:18] |
snayper, просто то я пробовал другие способы. Ну тогда пробуйте, а как надумаете, еще раз пошагово, не спеша и внимательно, выполняем все действия, описанные выше, и все будет работать.
Что делать написано в первом посту и ниже. А конкретно для вас, только одно - стили не в низ, а в самый верх таблицы, остальное, как описано. И добавьте свои классы, естественно, 6, 7 и тп Цитата (Code) a.ug6:link,a.ug6:visited,a.ug6:hover{color:#096;} и так далее.. Ну и настройте цвет для каждой группы.
Ну вот, уже почти..
Осталось дописать классы и..
|
|