portfoliopost

FDteam-portf

freepost

https://i.imgur.com/24pPBlV.jpg

Коды для стилизации элементов сообщений избранных пользователей или групп, по типу сообщения и в определенных форумах.

Дата: 06.04.2023

Платформа: MyBB.ru

Автор: Gerda

Стоимость: БЕСПЛАТНО

https://forumupload.ru/uploads/0007/e3/f7/6822/71386.jpg https://forumupload.ru/uploads/0007/e3/f7/6822/622405.jpg

Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.


Есть вопросы? Задавай их в этом топике. Это поможет расширить гайд по цветовыделению. :flag:

Все коды, приведенные здесь, ставятся в Администрирование > Свой стиль или HTML-верх между тегов <style>

Код:
<style>
тут коды
</style>
выделяем посты

Для групп:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

красное - ID группы, можно посмотреть в юзерлисте, отсортировав группу:
https://forumd.ru/userlist.php?username=&show_group=2

Для избранных пользователей:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

красное - ID пользователя, можно посмотреть в профиле:
https://forumd.ru/profile.php?id=2

Вы можете указать сразу несколько групп или пользователей, для этого нужно перечислять селектор через запятую.
в конце (перед скобкой {) запятая не ставится.
Пример:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

выделяем внутренние элементы поста

Один из примеров выделения внутренних элементов - это Цветовыделение ников и профилей на ВСЁМ форуме
Но вы можете раскрасить любые другие внутренние элементы, пользуясь следующей схемой:

Для групп:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для пользователей:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

полный список внутренних селекторов:

внутренние контейнеры поста
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

дата и номер поста
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

профиль пользователя
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

ссылки внизу поста
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

выделяем первый, последний или закрепленный пост

Вы можете особым образом выделять посты в зависимости от того, в каком месте на странице они находятся, добавляя обосый селектор:
.topicpost - первое сообщение темы
.toppost - первый пост на последующих страницах топика
.endpost - последний пост на страницах топика
.firstpost - закрепленное сообщение темы на последующих страницах топика

Вы также можете комбинировать эти селекторы с предыдущими трюками.

Примеры:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Такой код делает закрепленный первый пост на других страницах темы полупрозрачным и непрозрачным при наведении курсора.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Такой код делает текст содержимого сообщения красным, но только если это закрепленный первый пост на других страницах темы.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код скроет профиль пользователей, но только если это первое сообщение темы.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код скроет профиль у главного администратора (пользователя с ID = 2), но только если это первое сообщение темы.

выделяем посты топикстартера

Топикстартер - это пользователь, который создал топик.
У такого пользователя в сообщениях и профиле есть дополнительный класс .post.topic-starter - с его помощью можно сделать посты автора темы отличающимися от ответов от других пользователей.

Примеры:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Такой код сделает фон сообщений топикстартера черным

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код скроет профиль пользователя, но только если это пост топикстартера.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код скроет профиль у главного администратора (пользователя с ID = 2), но только если он является топикстартером.

выделяем посты пользователя онлайн

У тех пользователей, которые в данный момент находятся на форуме онлайн, в сообщениях и профиле есть дополнительный класс .post.online - с его помощью можно сделать посты автора онлайн отличающимися от ответов от других пользователей.

Примеры:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Такой код сделает фон сообщений пользователя онлайн черным

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код выделит дату сообщения красным, если пользователя онлайн.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Этот код выделит содержимое сообщений у главного администратора (пользователя с ID = 2), но только если он сейчас онлайн.

выделяем посты только в определенных форумах

Если вы хотите, чтобы выделение постов работало только в определенных формах, вы можете воспользоваться скриптом, который добавит другой класс:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Красное - форумы, где добавляется спец-класс, через запятую
зеленое - название класса, которое надо будет использовать вместо .topic-starter

.topic-starter - это класс по которому идет привязка нового класса в определенных форумах. вы можете воспользоваться любым из тех, которые упоминались в этой статье:

.post[data-group-id="1"] - посты пользователей заданной группы
.post[data-user-id="2"] - посты пользователя с заданным ID
.topicpost - первое сообщение темы
.toppost - первый пост на последующих страницах топика
.endpost - последний пост на страницах топика
.firstpost - закрепленное сообщение темы на последующих страницах топика
.post.topic-starter - посты автора темы
.post.online - посты автора онлайн