[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">
<a class="tip" id="cover" title="Цветовыделение ников на ВСЁМ форуме">
<div id="icon"></div>
<img src="https://forumuploads.ru/uploads/0007/e3/f7/2/577504.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 03.10.2020<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a> <br>
Бесплатный код<br>
Описание: Коды для изменения цвета ников ВЕЗДЕ: в статистике, в топиках, в юзерлисте и т.д.<br>
Есть вариант выделять определенного пользователя или группы пользователей.<br>
А также цветовыделение аватарок групп и пользователей и индикатор цвета групп в статистику.
</div>
</div>
<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение аватарок и ников в статистике"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/524659.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение ников в статистике"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/68030.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение ника в профиле в топике"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/902405.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение НЕПОДТВЕРЖДЕННОГО пользователя"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/879327.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение аватары и ника в ЛС + ников пользователей в таблице сообщений"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/339515.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="цветовыделение в подробной статистике и активных пользователях"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/602736.png" class="postimg"></a></section>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]
Есть вопросы? Задавай их в этом топике. Это поможет расширить гайд по цветовыделению.
![]()
Все коды, приведенные здесь, ставятся в Администрирование > Свой стиль или HTML-верх между тегов <style>
Код:<style> тут коды </style>
Красная цифра - ID группы.
ID можно узнать по адресу в "участниках" или при редактированию групп в админке.
например: http://forumd.ru/userlist.php?username=&show_group=1
Синее - цвет никаНе хотите выделять ник в каком-то из этих мест? просто удалите не нужную строчку из кода. ВНИМАНИЕ! Последняя строчка НЕ должна содержать запятую перед скобочкой {, где вписан цвет!
Изменение цвета при наведении курсора
дублируем предыдущий код, добавляя в каждую строчку :hoverСокращенные коды
Хотите выделять ник ВЕЗДЕ (не нужно убирать никаких строчек из предыдущего кода)?
Тогда этот код - для вас. Он выделит сразу ВСЁ и он более короткий:
Обычный:
При наведении курсора:
Единственно место, где у вас останутся еще не окрашенные ники - это ТЕКСТОВЫЕ имена автора топика и автора последнего поста:
![]()
Ваша натура перфекциониста не позволяет вам спокойно смотреть на неокрашенные ники (пускай и текстовые)?
Тогда добавьте в стиль:Это удалит такие ники с таблиц форума.
Если у вас не стоит задачи выделять группу, а хочется задать цвет только особенному пользователю.
Красное - ID пользователя. ID можно узнать по ссылке профиля (цифра в конце):
http://forumd.ru/profile.php?id=2
Синее - цвет никапри наведении курсора:
Цветовыделяем аватарки
Для групп:Для конкретного пользователя:
Цветовыделяем профили
Данный код - для продвинутых в CSS.
С его помощью можно менять любое поле профиля (или весь профиль целиком).Для групп:
Для пользователей:
Для изменения чего-либо внутри профиля, необходимо добавить внутренний селектор, например:
Если пользователь еще не подтвердил свой имейл, то на форуме и в списке пользователей он значится БЕЗ группы.
Таких пользователей тоже можно цветовыделить, чтобы отслежавать в юзер-листе.Цвет ника:
Цвет ника при наведении курсора:
Аватарка:
Поменять статус неподтвержденного пользователя:
Ставим обозначения Цветовыделения с статистику
Вариант 1. Простая легенда групп:
Жирное - названия ваших групп.
Blue - ваши цвета, можно вписать в формате веб-цвета типа #0481d9
Красное - ID для стилизации индикатора, сейчас он тот же, что у строчек "активны" и "посетители за сутки".
Если вы хотите другой стиль для этой строчки, измените красное на любой другой ID, например, legenda и впишите через стиль:Код:li#legenda { ...тут ваши стили... }Вариант 2. Со ссылками и всплывающими подсказками
*Настройка названий, цветов и стиля - смотрите выше, код тот же самый.
Красное - селектор. если меняете на свой, в этом варианте необходимо прописывать в двух местах.
Жирным (с зеленой цифрой на конце) - выделены ссылки, сейчас они ведут на страницу юзерлиста с сортировкой пользователей по группе. вы можете поставить свои ссылки, например, на отправку ЛС админу или на топик, где проводится набор модеров.
Зеленым - ID группы, нужно для сортировки пользователей этой группы в юзер-листе.
Оранжевое - всплывающие подсказки при наведении курсора.Если вы не меняете селектор, то второй вариант также добавит вам всплывающие тайтлы на все строчки статистики из серии onlinelist: Посетители за сутки, Подробная статистика, Активны.