ТОПИК УСТАРЕЛ! новые коды для цветовыделения ЗДЕСЬ:
Цветовыделение ников на ВСЁМ форуме (CSS)
Коды для цветовыделения ников
Позволяет изменить цвет имени заданных пользователей.код и описаниеАвтор: Romych
Про цветовыделение ников на форуме поддержки создано уже сотня тем, и написана куча скриптов, но я озаботился вопросом работы этого цветовыделения при любых обстоятельствах, в том числе и при тех, когда пользователь отключает в браузере поддержку java script, делается это по разным причинам, например, пользователь хочет обойти скрипт запрета просмотра определённой темы и т.д., в этот момент естественно ни один скрипт на вашем форуме не работает,
предложенный мной в этой теме способ даёт возможность выделять ники администраторов и модераторов ВСЕГДА, при любых осбтоятельствах, (разве что только не в совсем древних версиях браузеров)
Итак, принцип таков: у каждого пользователя есть его id, который отображается в адресной строке его профиля,
css нам позволяет отслеживать ссылки по номерам определённых id и манипулировать их стилемнапример у админа форума id, таков -/profile.php?id=2 и ник Ромыч
в css через селекторы атрибутов можно обратиться к этим данным так:a[href$="/profile.php?id=2" {color: purple !important;} /* цветовыделение в списке активных и посещавших форум */
a[href*="javascript:to('Ромыч')"] {color: purple !important;} /* цветовыделение ника над аватаром */то же самое происходит и с модераторами, только их перечисляем через запятую,
привожу пример, в котором у модераторов-парней цвет ника голубой, а у девчёнок-модераторов малиновый,
если этого не нужно то ники модераторов в описании форумов можно сделать одним цветом гораздо проще, но тут в пример пример с индивидуальными id и никами/* цветовыделение администратора */
a[href$="/profile.php?id=2"] {color: purple !important;}
a[href*="javascript:to('Ромыч')"] {color: purple !important;}/* цветовыделение модераторов-парней */
a[href$="/profile.php?id=10"], a[href$="/profile.php?id=996"], a[href$="/profile.php?id=11"], a[href$="/profile.php?id=680"], a[href$="/profile.php?id=45"], a[href$="/profile.php?id=68"] {color: blue !important;}
a[href*="javascript:to('Andry')"], a[href*="javascript:to('Hired')"], a[href*="javascript:to('Keriby')"], a[href*="javascript:to('SANINSPEKTOR')"], a[href*="javascript:to('Aaron_Niguez')"], a[href*="javascript:to('Esdrin')"] {color: blue !important;}/* цветовыделение модераторов-девушек */
a[href$="/profile.php?id=37"] {color: crimson !important;}
a[href*="javascript:to('lehrerin')"] {color: crimson !important;}цветовыделение происходит в списке посещавших форум за сутки, в списках активных на данный момент, выделяется ник над аватаром и в описании форумов цвет ников модераторов
Не забываем заключать css коды в теги <style> </style>.
Цветовыделение ников с картинками перед никами
код и описаниеДействуем по принципу простого цветовыделения через css, только делаем код посложнее:
a[href$="/profile.php?id=2"], a[href$="/profile.php?id=5"], a[href$="/profile.php?id=12"] {
color: red !important; /*цвет ников*/
display: inline-block;
background: transparent url(http://s1.uploads.ru/Zu2Gi.png) no-repeat top left; /*ссылка на иконку перед никами*/
height: 12px; /*высота иконки*/
padding-left: 16px; /*ширина иконки*/
}красное - ссылки на профили, к которым применяется цветовыделение.
а теперь повторяем тот же код стиля только для никнеймов, а не ссылок на профили, также через запятую:a[href*="javascript:to('Gerda')"], a[href*="javascript:to('Гуру')"], a[href*="javascript:to('Ромыч')"] {
color: red !important;
display: inline-block;
background: transparent url(http://s1.uploads.ru/Zu2Gi.png) no-repeat top left;
height: 12px;
padding-left: 16px;
}Цветовыделение ников и аватарок на CSS
На ВСЕМ форуме: в постах, в личке, в юзер-листе + изменение цвета при наведении курсораКод и описаниеПреимущество использование CSS в том, что можно не просто прописать цвет, а добавить фон, всплывающие фичи и т.д.
Данные коды цветовыделяют ники и аватарки не просто в топиках, а на всем форуме.Для ников:
.punbb li.pa-author a[href="javascript:to('Герда')"],
.usertable .usersname a[href$="http://forumd.ru/profile.php?id=2"],
.pa-author a[href$="/profile.php?id=2"] {color: #e63737 !important;}Ник при наведении курсора:
.punbb li.pa-author a[href="javascript:to('Герда')"]:hover,
.usertable .usersname a[href="http://forumd.ru/profile.php?id=2"]:hover,
.pa-author a[href$="/profile.php?id=2"]:hover {color: #b80000 !important;}1я строчка - код для топиков
2я строчка - код для юзерлиста
3я строчка - код для личкиКрасное - ник юзера
Синее - ID юзера
Зеленое - адрес форума
*обратите внимание, что ссылка для юзерлиста обязательно должна быть ПОЛНОЙ
Оранжевое - цветДля аватарок:
li.pa-avatar img[alt="Герда"],
li.pa-avatar img[title="Герда"],
.user-avatar a[href$="/profile.php?id=2"] .avatar-image {border: 3px solid #e63737 !important;}Авы при наведении курсора:
li.pa-avatar img[alt="Герда"]:hover,
li.pa-avatar img[title="Герда"]:hover,
.user-avatar a[href$="/profile.php?id=2"] .avatar-image:hover {border: 3px solid #b80000 !important;}1я строчка - код для топиков
2я строчка - код для юзерлиста
3я строчка - код для личкиКрасное - ник юзера
Синее - ID юзера
Оранжевое - рамка