Help > Forum > Темы и внешний вид > Указание изображений категорий

Указание изображений категорий

Изображения для плиток категорий в настоящее время поддерживаются только темами Playtime и Activity Feed. Если вы используете тему Playtime или Activity Feed, следуйте приведенным ниже инструкциям, чтобы назначить изображения плиткам категорий:

  1. Войдите в свою учетную запись Website Toolbox.
  2. Нажмите кнопку Интегрировать ссылка в главном меню.
  3. Нажмите кнопку HTML ссылка.
  4. Скопируйте и вставьте следующий код в HTML-код тега заголовка форума текстовое поле:
  5. <style>
    #body-wrapper #forums .panel-body > ul > li.col-xs-12 {
        min-height: 350px;
        border: none !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
    }
    #body-wrapper #forums .panel-body > ul > li.col-xs-12 > .columns-wrapper {
        width: 75%;
        height: auto;
        background: rgba(0,0,0,.4);
        color: #fff;
        padding: 10px;
        border-radius: 10px;
    }
    #body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title,
    #body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title h2 {
        color: #fff !important;
    }
    #body-wrapper #forums .forum_title,
    #body-wrapper #forums .last-post a,
    #body-wrapper #forums .last-post > i time,
    #body-wrapper #forums .forum-count a,
    #body-wrapper #forums .columns-wrapper > .col-xs-7 > p {
        color: #fff;
        opacity: 0.8;
    }
    #body-wrapper #forums .panel-body > ul a.username,
    #body-wrapper #forums .panel-body > ul a.close-row {
        opacity: 1;
    }
    #body-wrapper #forums .columns-wrapper > .col-xs-7 .badge {
        background: #fff !important;
        color: #000 !important;
    }
    </style>
  6. Получите идентификатор категории
  7. Скопируйте и вставьте следующий код в HTML-код тега заголовка форума текстовое поле:
  8. <style>
    #body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID  {
        background-image: url(IMAGE_URL) !important;
    }
    </style>
  9. Заменить Идентификатор категории с идентификатором, полученным на шаге 5, и URL-АДРЕС ИЗОБРАЖЕНИЯ с действительным URL-адресом изображения в приведенном выше коде.
  10. Повторите шаги 6 и 7 для каждой категории, если несколько категорий должны иметь свои собственные изображения.
  11. Сохранить настройки.

Вот пример форума, использующего изображения категорий:


If you still need help, please contact us.