|
Как изменить цвет ников, задать иконку групп в мини-чате
|
|
|
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;}
и так далее..
Ну и настройте цвет для каждой группы.
Ну вот, уже почти..
Осталось дописать классы и..
| | |
|
