Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.
Как узнать уникальный селектор конкретной категории?
Для манипуляций с любыми скриптами или стилями.
Для манипуляций со скриптами и стилями существует УНИКАЛЬНЫЙ селектор каждой категории.
С помощью него можно каждую конкретную категорию сделать особенной: поставить отдельные заголовки-картинки, перекрасить таблички в особые цвета и т.д. и т.п.Нужный селектор находится в коде страницы здесь (отмечено красным):
Синий зачеркнутый селектор использовать тоже можно, но только если у вас нет СКРЫТЫХ категорий наверху форума, в противном случае все ваши стили будут применяться не туда.
Этот селектор зависит от порядкового номера категории! Например, если категорию под номером один видят не все группы, а только админы, то для пользователя #pun-category1 - это первая категория, которую он ВИДИТ (а не которая на самом деле там стоит).Во всех кодах, размещенных на нашем форуме будет объясняться, куда вставлять и как использовать этот селектор. Но на всякий случай поясним, что в CSS он используется так (с точкой):
Если вы где-то обнаружите коды, где используется Синий зачеркнутый селектор (в css пишется с решеточкой #), смело можете вписывать вместо него этот.
Если вы не знаете, как посмотреть код вашего форума, вам поможет эта информация:
Вариант 1. Через встроенные в браузер диспетчеры кода.
кликните по заголовку категории правой кнопкой мышки и выберете пункт, который открывает диспетчер.
для мозилы - "исследовать элемент", гля гугл хрома - "посмотреть код"откроется диспетчер кода.
слева в нем можно смотреть HTML-код страницы и в нем вы увидите селекторы ваших категорий:
для удобства просмотра кода знайте, что кликая на элемент в диспетчере, вы можете его свернуть или развернуть.Вариант 2. Через просмотр исходного кода.
кликните по главной странице форума и выберете пункт, который позволит посмотреть html-код
для мозилы - "исходный код страницы", гля гугл хрома - "просмотр кода страницы"
откроется новая вкладка с ВСЕМ кодом.чтобы удобно искать в нем категории, лучше всего делать это по заголовку.
нажмите CTRL+F и вставьте в окно поиска заголовок категории:
нужная нам строчка с селектором находится НАД заголовком (отметила на скриншоте красным)
Свои картинки в заголовках категорий
Добавляем в заголовки категории фоновые картинки или заменяем текст заголовка на картинку.
Все коды ставятся в Администрирование > Свой стиль или HTML-верх между тегов <style>
Код:<style> тут коды </style>Скрыть текст заголовка категории или весь заголовок категории
Скрываем текст для ВСЕХ категорий:
Скрываем текст для КОНКРЕТНОЙ категории:
вместо category-1 - ваш селектор конкретной категории.
Скрываем заголовок для ВСЕХ категорий:
Скрываем заголовок для КОНКРЕТНОЙ категории:
вместо category-1 - ваш селектор конкретной категории.
Добавляем фоновые картинки в названия категории
Для всех категорий:
Для конкретной категории:
вместо category-1 - ваш селектор конкретной категории.
Если меняется только картинка, делайте общие настройки стилей и вставляйте только фоновые картинки отдельно:
Добавляем картинки справа/слева от названия категории
Для всех категорий:
catleft ставит картинку слева от названия.
если нужно справо, заменить на catrightДля конкретной категории:
вместо category-1 - ваш селектор конкретной категории.
catleft ставит картинку слева от названия.
если нужно справо, заменить на catrightЕсли меняется только картинка, делайте общие настройки стилей и вставляйте только фоновые картинки отдельно:
Интересные CSS-решения для категорий:
Описание категорий: текст, картинки, спойлер (CSS)
Большая иконка категории (CSS) v2
