ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
Внимание! Проходит конкурс Дарим позитив. Главный приз самому позитивному - 1000 РУБЛЕЙ!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Описание категорий: текст, картинки, спойлер (CSS)

Сообщений 1 страница 1 из 1

1

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

Автор: Герда

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

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

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

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

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

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

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

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."