1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

1.2.4 Иконки у категорий

Тема в разделе "Для новичков", создана пользователем Vlad_Belov, 26.04.2014.

Загрузка
  1. Vlad_Belov

    Vlad_Belov Пользователь

    Регистрация:
    22.03.14
    Сообщения:
    40
    Симпатии:
    2
    Версия XF:
    1.2.4
    Подскажите плагвин или как к каждой категорий сделать иконку?
     
    geodezer нравится это.
  2. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
  3. Vlad_Belov

    Vlad_Belov Пользователь

    Регистрация:
    22.03.14
    Сообщения:
    40
    Симпатии:
    2
    Версия XF:
    1.2.4
    Последнее редактирование модератором: 04.05.2014
  4. Vlad_Belov

    Vlad_Belov Пользователь

    Регистрация:
    22.03.14
    Сообщения:
    40
    Симпатии:
    2
    Версия XF:
    1.2.4
    Актуально!!
     
  5. Vlad_Belov

    Vlad_Belov Пользователь

    Регистрация:
    22.03.14
    Сообщения:
    40
    Симпатии:
    2
    Версия XF:
    1.2.4
     
  6. Vitala

    Vitala Активный пользователь

    Регистрация:
    23.04.13
    Сообщения:
    124
    Симпатии:
    4
    Версия XF:
    1.1.4
    Присоединяюсь к вопросу.
     
  7. Vlad_Belov

    Vlad_Belov Пользователь

    Регистрация:
    22.03.14
    Сообщения:
    40
    Симпатии:
    2
    Версия XF:
    1.2.4
    +
     
  8. Nevil

    Nevil Пользователь

    Регистрация:
    28.05.13
    Сообщения:
    52
    Симпатии:
    13
    По сути нет никакой надобности в плагинах. Всё делается простым css'ом.
    У каждой категории, как и у раздела есть свой ID. Найти его можно прямо в ссылке на категорию.

    Например ID нужной вам категории "11".
    Что бы изменить фон категории или раздела в админке открываем шаблон EXTRA.css и пишем следующей код:
    HTML:
    #forums .node_11 .categoryNodeInfo {
        background: url('УРЛ_ДО_ВАШЕЙ_КАРТИНКИ') no-repeat left top;
    }
    Фон для раздела:
    HTML:
    #forums .node_11 .nodeInfo  {
        background: url('УРЛ_ДО_ВАШЕЙ_КАРТИНКИ') no-repeat left top;
    }
    Для того что бы изменить картинку раздела с прочитанными сообщениями:
    HTML:
    #forums .node_11 .nodeIcon  {
        background: url('УРЛ_ДО_ВАШЕЙ_КАРТИНКИ') no-repeat left top;
    }
    Для того что бы изменить картинку раздела с НЕпрочитанными сообщениями:
    HTML:
    #forums .node_11 .unread .nodeIcon  {
        background: url('УРЛ_ДО_ВАШЕЙ_КАРТИНКИ') no-repeat left top;
    }
    Если вы хотите просто добавить маленькую картинку для категории, то лучше всего подойдёт такой код:
    HTML:
    #forums .node_11 .nodeInfo .categoryText {
        background: url('УРЛ_ДО_ВАШЕЙ_КАРТИНКИ') no-repeat left middle;
        padding-left: 30px;
    }
    В "padding-left" надо указать ширину картинки +5px , которую вы собираетесь добавить.
     
    Vlad_Belov и Mirovinger нравится это.

Поделиться этой страницей