Описание категорий и картинки в описании категорий
Позволяет добавить к названию категории текст-описание, картинки,
а также сделать сворачивание категории с открытием описания при наведении курсора.

Автор: Герда

Общие настройки для всех кодов
Красное - уникальный селектор категории
Как узнать селектор категории написано здесь: Дизайн отдельных категорий и заголовков категорий

catright - это селектор блока, следующего ПОСЛЕ названия категории.
Вы можете вставлять картинки/описания ДО названия, заменив этот селектор на catleft

Все коды, которые выложены вставляются в Администрирование > Свой стиль
ИЛИ вы можете вставлять их в Администрирование > Настройки > HTML-верх, но МЕЖДУ тегами <style>:

Код:
<style>
тут ваши коды
</style>

В первую очередь необходимо вставить код:

#pun #pun-main div.catright {display: block !important;}

Он вставляется, т.к. многие стили по умолчанию скрывают catright (или catleft). Если пользуетесь функцией "Свой стиль", лучше убедиться, что у вас просто нет кодов, скрывающих этот селектор (или найти и удалить их).


Описание для категории
https://forumupload.ru/uploads/0007/e3/f7/2/710171.jpg

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

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


Картинка в описании категории
https://forumupload.ru/uploads/0007/e3/f7/2/102967.jpg

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

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


Картинка + текст справа от картинки в описании категории
https://forumupload.ru/uploads/0007/e3/f7/2/681065.jpg

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

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


Картинка + текст под картинкой в описании категории
https://forumupload.ru/uploads/0007/e3/f7/2/346228.jpg

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

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


Спойлер категорий (описание видно только при наведении курсора)
https://forumupload.ru/uploads/0007/e3/f7/2/488832.jpg

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

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

если индикатор не нужен, можно удалить все фиолетовое
можно вставить вместо индикатора иконку-картинку, для этого замените жирные строчки на background-image: url(https://i.imgur.com/SYiogWH.gif);

этот код действует на все категории. если необходимо применить к конкретной, заменяем .category на .category-1

после этих кодов можно вставить подходящий вам код для описаний категорий.