Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.
Описание категорий и картинки в описании категорий
Позволяет добавить к названию категории текст-описание, картинки,
а также сделать сворачивание категории с открытием описания при наведении курсора.
Автор: Герда
Общие настройки для всех кодов
Красное - уникальный селектор категории
Как узнать селектор категории написано здесь: Дизайн отдельных категорий и заголовков категорий
catright - это селектор блока, следующего ПОСЛЕ названия категории.
Вы можете вставлять картинки/описания ДО названия, заменив этот селектор на catleft
Все коды, которые выложены вставляются в Администрирование > Свой стиль
ИЛИ вы можете вставлять их в Администрирование > Настройки > HTML-верх, но МЕЖДУ тегами <style>:
<style> тут ваши коды </style>
В первую очередь необходимо вставить код:
#pun #pun-main div.catright {display: block !important;}
Он вставляется, т.к. многие стили по умолчанию скрывают catright (или catleft). Если пользуетесь функцией "Свой стиль", лучше убедиться, что у вас просто нет кодов, скрывающих этот селектор (или найти и удалить их).
Описание для категории
Картинка в описании категории
Картинка + текст справа от картинки в описании категории
Картинка + текст под картинкой в описании категории
Спойлер категорий (описание видно только при наведении курсора)
если индикатор не нужен, можно удалить все фиолетовое
можно вставить вместо индикатора иконку-картинку, для этого замените жирные строчки на background-image: url(https://i.imgur.com/SYiogWH.gif);
этот код действует на все категории. если необходимо применить к конкретной, заменяем .category на .category-1
после этих кодов можно вставить подходящий вам код для описаний категорий.
