Help > Forum > 主题和外观 > 指定类别图片

指定类别图片

目前,只有 “游戏时间” 和 “活动提要” 主题支持类别图块的图片。如果您使用的是 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. 获取该类别的 ID
  7. 将以下代码复制并粘贴到 论坛头标记 HTML 代码 文本框:
  8. <style>
    #body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID  {
        background-image: url(IMAGE_URL) !important;
    }
    </style>
  9. 替换 类别ID 在步骤 5 中检索了 ID,然后 IMAGE_URL 在上面的代码中使用有效的图片 URL。
  10. 如果多个类别需要自己的图片,请对每个类别重复步骤 6 和 7。
  11. 保存 设置。

以下是使用类别图片的论坛示例:


If you still need help, please contact us.