FKB Pro - 社交主题

您可以使用 CSS 配合纵横比。
示例代码:How To - Aspect Ratio / Height Equal to Width
您可以检查我的网站 https://businesslab.vn,纵横比为 16:10。

我该如何在 Discourse 中设置这个?例如,在哪里以及设置哪个 CSS?


另外,在设置 Google Ads 时存在这个小问题:

我认为侧边栏个人资料卡应该在广告下方,而不是直接覆盖在广告上方。

谢谢!

1 个赞

您好 @codergautam

我已合并 Discourse Ad 插件 - Google AdSense 的修复程序。请更新主题。:slightly_smiling_face:

您可以更改图片高度 :arrow_down_small:
您需要为此创建一个新组件。:slightly_smiling_face:

  1. 转到 /admin/customize/themes/
    自定义 → 主题

  2. 点击 Components 选项卡,然后点击 Install 按钮

  3. 在弹出窗口中,点击 Create new 按钮并键入新组件名称。

  4. 点击 Create 按钮。

  5. 组件已创建。现在选择 FKB Pro 主题以激活它。

  6. 点击 Edit CSS/HTML 按钮。

  7. 点击 Common 选项卡,并将以下代码粘贴到 CSS 部分。
    如果您想分别设置桌面和移动设备上的图片高度,请使用那些选项卡而不是 Common。Common 意味着此代码将在桌面和移动设备上都生效。

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        height: 280px; // Default 300px
      }
    }
  }
}

如果您想隐藏图片,请使用此 :arrow_down_small:

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        display: none;
      }
    }
  }
}
3 个赞

希望修复与其他主题组件的不兼容问题

如何使按钮等元素圆角?我想在当前主题中实现此功能。

1 个赞

您好 @danielabc

有一些 Theme component 用于圆角处理。:slightly_smiling_face:


您好 @xiaokong23357,您能澄清一下您指的是哪个 Theme component 吗?

2 个赞
2 个赞

@Don 如何将绑定的 HTML 元标记引入 FBK 主题?

希望问题能得到解决

1 个赞

@Don 我不知道主题是否可以加载这些内容



布局格式建议:优化、简洁、紧凑、宽屏

2 个赞

您好,抱歉延迟了……是的,我认为可以用右侧边栏块替换默认的右侧面板。我会检查一下。:slightly_smiling_face:

3 个赞

还有一件事,@Don
我的论坛使用了你的主题,现在我的论坛即将被添加到微软必应搜索引擎,但现在需要对论坛进行 HTML meta 标签检测,我该如何将这个 HTML meta 标签整合到主题中
现在非常需要,非常感谢能解决它

1 个赞

在管理后台创建一个新的主题组件,就像我在上面介绍的那样。FKB Pro - Social theme - #88 by Don 你可以随意更改组件名称,但不要将我粘贴到 CSS 选项卡中的 CSS 代码。将 Bing 的 HTML Meta tag 复制并粘贴到你创建的组件的 HEAD 选项卡中,然后保存。:slightly_smiling_face:

2 个赞

像这样吗?


然后我配置自定义 HTML,之后我需要在验证码之前启用主题吗?

1 个赞

不,正如我所见,这是一个主题。您需要创建一个组件。另一个选项卡是,或者您可以使用页面底部的转换按钮将其转换为组件。只需按照我上面显示的说明操作即可。:slightly_smiling_face:

2 个赞

非常感谢,问题已解决!
@Don

3 个赞

我已合并一项更新以添加:Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub

它包含一个设置:启用右侧边栏块。它将为“右侧边栏块”主题组件添加一些支持,并将用它替换默认的右侧边栏(fkb 面板)。

4 个赞

我有一个想法,侧边栏可以由您以这种风格制作,并合并到主题文件中,需要的人可以在主题设置中打开相应的功能 @Don


2 个赞

你好,

是的,我认为通过修改样式可以实现这一点,如果你指的是标题与内容分开,并且这个侧边栏似乎不是固定的。

试试看。 :slightly_smiling_face:

创建一个新的主题组件,如下所示:FKB Pro - Social theme - #88 by Don

桌面 / CSS

.full-width .tc-right-sidebar {
  position: relative;
  top: unset;
  padding: 0;
  background: none;
  box-shadow: none;
  overflow-y: unset;
  .rs-component {
    h3 {
      border-bottom: none;
      padding-bottom: 0;
    }
    > div {
      background: var(--secondary);
      padding: 1em;
      border-radius: var(--d-default-border-radius);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
  }
}
2 个赞

请注意:/login/signup 这两个链接都会出现旋转的圆圈,而不是打开模态框。iPad 上所有内容都是最新的。

1 个赞

嘿 Jakke :slightly_smiling_face: 我刚在你的网站上检查了,模态框在 /login/signup 上对我来说显示正常。

1 个赞