Как изменить цвет ников, задать иконку групп в мини-чате
|
|
|
2013-04-10Дата: Среда, 10.04.2013, 20:58 | Сообщение # 1 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Как изменить цвет ников, задать иконку групп в мини-чате
Шаблон форма добавления: Меняем: Код <?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;} /* Заблокированные */
Если какие группы чат не наблюдают - стили к ним тоже писать не нужно. Названия групп может отличаться от ваших. Цвета групп - свои, прочие стили и тд - по желанию.
Результат типа такой:
В живую посмотреть в гостевой
Скрипт не будет изменять добавленные ранее сообщения
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 15:59 | Сообщение # 2 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
блин что то у меня не получается. можете мне помощь?
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:01 | Сообщение # 3 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, блин что то у меня не получается. Здоровское описание проблемы..
Да, конечно, как только узнаю что именно не получается.
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:12 | Сообщение # 4 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
проблема в том что всё сделал как вы написали но ничего не меняеться. может вы зайдёте ко мне в админку и посмотрите што нитак?
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:22 | Сообщение # 5 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, может вы зайдёте ко мне в админку и посмотрите што нитак? Нет, это не интересно.
Поле активировали? Форму отредактировали? Скрипт добавили? Стили прописали?
Дайте ссылку на чат, что ли.
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:35 | Сообщение # 6 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
да всё это сделал 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
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:48 | Сообщение # 7 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, Вот это сделали? Код В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено: Цитата (Code) <a class="ugpLink ug$CUSTOM1$" href="javascript://" onclick="reChat('$NAME$');return false;" title="$USERNAME$" rel="nofollow">$NAME$ Не вижу в коде у вас классов.
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 19:54 | Сообщение # 8 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
я добавил в тот код што был вот этот class="ugpLink ug$CUSTOM1$" Добавлено (29.05.2013, 19:54) --------------------------------------------- а час
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:02 | Сообщение # 9 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, я добавил в тот код што был вот этот class="ugpLink ug$CUSTOM1$" Вот теперь, добавили. А теперь стили переместите в самый верх таблицы стилей, ибо у вас там ошибок немерено.. и они просто не читаются. И добавьте в стили свои группы, последний коммент в чате от группы №6? соответственно: Цитата (Code) a.ug6:link,a.ug5:visited,a.ug5:hover{color:#096;} /* Группа №6 */
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:02 | Сообщение # 10 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
если честно то не совсем понятно с этим В шаблоне вид материала чата, меняем, вот этот фрагмент - только то, что выделено: Код <a class="ugpLink ug$CUSTOM1$" href="javascript://" onclick="reChat('$NAME$');return false;" title="$USERNAME$" rel="nofollow">$NAME$ можно както по точнее
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:05 | Сообщение # 11 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, Найти ссылку в которой $NAME$ и добавить класс.
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:07 | Сообщение # 12 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
почему неработает тогда?
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:10 | Сообщение # 13 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, Потому что вы то добавляете, еще пять минут назад было, а теперь снова вернули обратно. Классов теперь нет. И стили у вас в самом низу, до сих пор..
..
Вы уж определитесь, либо делаем, либо нет.
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:16 | Сообщение # 14 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
да делаем. просто то я пробовал другие способы. вы мне пишите что делатьДобавлено (29.05.2013, 20:16) --------------------------------------------- это всё уже сделал
| | |
|
|
2013-05-29Дата: Среда, 29.05.2013, 20:18 | Сообщение # 15 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
snayper, просто то я пробовал другие способы. Ну тогда пробуйте, а как надумаете, еще раз пошагово, не спеша и внимательно, выполняем все действия, описанные выше, и все будет работать.
Что делать написано в первом посту и ниже. А конкретно для вас, только одно - стили не в низ, а в самый верх таблицы, остальное, как описано. И добавьте свои классы, естественно, 6, 7 и тп Цитата (Code) a.ug6:link,a.ug6:visited,a.ug6:hover{color:#096;} и так далее.. Ну и настройте цвет для каждой группы.
Ну вот, уже почти..
Осталось дописать классы и..
| | |
|