Как узнать уникальный селектор конкретной категории?
Для манипуляций с любыми скриптами или стилями.

https://forumuploads.ru/uploads/0007/e3/f7/2/258695.jpg

посмотреть гайд

Для манипуляций со скриптами и стилями существует УНИКАЛЬНЫЙ селектор каждой категории.
С помощью него можно каждую конкретную категорию сделать особенной: поставить отдельные заголовки-картинки, перекрасить таблички в особые цвета и т.д. и т.п.

Нужный селектор находится в коде страницы здесь (отмечено красным):

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

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

Синий зачеркнутый селектор использовать тоже можно, но только если у вас нет СКРЫТЫХ категорий наверху форума, в противном случае все ваши стили будут применяться не туда.
Этот селектор зависит от порядкового номера категории! Например, если категорию под номером один видят не все группы, а только админы, то для пользователя #pun-category1 - это первая категория, которую он ВИДИТ (а не которая на самом деле там стоит).

Во всех кодах, размещенных на нашем форуме будет объясняться, куда вставлять и как использовать этот селектор. Но на всякий случай поясним, что в CSS он используется так (с точкой):

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

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

Если вы где-то обнаружите коды, где используется Синий зачеркнутый селектор (в css пишется с решеточкой #), смело можете вписывать вместо него этот.

Если вы не знаете, как посмотреть код вашего форума, вам поможет эта информация:

Вариант 1. Через встроенные в браузер диспетчеры кода.
кликните по заголовку категории правой кнопкой мышки и выберете пункт, который открывает диспетчер.
для мозилы - "исследовать элемент", гля гугл хрома - "посмотреть код"
https://forumuploads.ru/uploads/0007/e3/f7/2/571559.jpg

откроется диспетчер кода.
слева в нем можно смотреть HTML-код страницы и в нем вы увидите селекторы ваших категорий:
https://forumuploads.ru/uploads/0007/e3/f7/2/496301.jpg
для удобства просмотра кода знайте, что кликая на элемент в диспетчере, вы можете его свернуть или развернуть.
https://forumuploads.ru/uploads/0007/e3/f7/2/685505.gif

Вариант 2. Через просмотр исходного кода.
кликните по главной странице форума и выберете пункт, который позволит посмотреть html-код
для мозилы - "исходный код страницы", гля гугл хрома - "просмотр кода страницы"
откроется новая вкладка с ВСЕМ кодом.

чтобы удобно искать в нем категории, лучше всего делать это по заголовку.
нажмите CTRL+F и вставьте в окно поиска заголовок категории:
https://forumuploads.ru/uploads/0007/e3/f7/2/371021.jpg
нужная нам строчка с селектором находится НАД заголовком (отметила на скриншоте красным)


Свои картинки в заголовках категорий
Добавляем в заголовки категории фоновые картинки или заменяем текст заголовка на картинку.

https://forumuploads.ru/uploads/0007/e3/f7/2/394562.jpg

Посмотреть коды

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

Код:
<style>
тут коды
</style>

Скрыть текст заголовка категории или весь заголовок категории

Скрываем текст для ВСЕХ категорий:

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

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

Скрываем текст для КОНКРЕТНОЙ категории:

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

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

вместо category-1 - ваш селектор конкретной категории.

Скрываем заголовок для ВСЕХ категорий:

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

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

Скрываем заголовок для КОНКРЕТНОЙ категории:

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

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

вместо category-1 - ваш селектор конкретной категории.


Добавляем фоновые картинки в названия категории

Для всех категорий:

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

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

Для конкретной категории:

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

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

вместо category-1 - ваш селектор конкретной категории.

Если меняется только картинка, делайте общие настройки стилей и вставляйте только фоновые картинки отдельно:

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

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


Добавляем картинки справа/слева от названия категории

Для всех категорий:

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

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

catleft ставит картинку слева от названия.
если нужно справо, заменить на catright

Для конкретной категории:

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

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

вместо category-1 - ваш селектор конкретной категории.
catleft ставит картинку слева от названия.
если нужно справо, заменить на catright

Если меняется только картинка, делайте общие настройки стилей и вставляйте только фоновые картинки отдельно:

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

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


Интересные CSS-решения для категорий:
Описание категорий: текст, картинки, спойлер (CSS)
Большая иконка категории (CSS) v2