# FKB Pro - 社交主题

**URL:** https://meta.discourse.org/t/fkb-pro-social-theme/234323
**Category:** Theme
**Created:** [2022年七月28日 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")
**Posts on this page:** 20
**Page:** 9

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年七月12日 00:05 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/169 "2023-07-12T00:05:00Z")

</div>

使用英文翻译，我认为这些是类别面包屑下拉菜单和类别导航过滤器。

尝试在组件的通用 CSS 中进行此操作。

```scss
.category-breadcrumb {
    display: none;
}    

#navigation-bar {
   li.nav-item_categories {
     display: none;
   }
}

```

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年七月12日 12:08 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/170 "2023-07-12T12:08:12Z")

</div>

好的，现在正如我所愿，非常感谢您，很高兴您在这里。

---

<div class="post-metadata">

### Author: ![EchoBilisim](https://avatars.discourse-cdn.com/v4/letter/e/bc8723/32.png) [@EchoBilisim](https://meta.discourse.org/u/EchoBilisim)
#### Post date: [2023年七月16日 07:29 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/171 "2023-07-16T07:29:02Z")

</div>

我想隐藏侧边导航菜单中的类别，该如何隐藏？

我已经从管理面板中隐藏了所有类别，但它们仍然可见。我想从侧边导航菜单中隐藏类别。感谢您的帮助，先谢谢了。

---

<div class="post-metadata">

### Author: ![Airw0lf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/airw0lf/32/320260_2.png) [@Airw0lf](https://meta.discourse.org/u/Airw0lf)
#### Post date: [2023年八月10日 21:12 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/173 "2023-08-10T21:12:19Z")

</div>

\n\n另请参见附件图片：  
这是放大后的结果，如图所示 [在仪表板上](https://forum.cyberbrein.nl/)。  
原始的看起来 [像这样](https://forum.cyberbrein.nl/t/arduino-installatie-van-de-ide/70)。

有什么方法可以防止这种难看的放大吗？

谢谢

=====

 ![arduino-dashboard](https://global.discourse-cdn.com/meta/original/4X/4/6/4/464469a03224147433558563b6eb0d19c5afb31d.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年八月11日 07:24 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/174 "2023-08-11T07:24:53Z")

</div>

欢迎您，Will！ :blob_wave:

问题出在这里：

```html
<div class="topic-image" style="background: url(https://forum.cyberbrein.nl/uploads/default/original/1X/aef8c5e27bb1320fd8da2319220c5193e56e2323.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;"></div>

```

删除 `background-size: cover;`，或者在您的主题或新组件中添加：

```scss
.topic-image {
    background-size: auto !important;
}

```

如果您无法编辑创建这些缩略图的组件的话。

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/6/1/96160a5f7b754dc14c16e0f630c1ebf0b125006b.png)

* * *

编辑：似乎您正在使用这个主题：[FKB Pro - Social theme](https://meta.discourse.org/t/fkb-pro-social-theme/234323?u=canapin)  
我将把您的帖子移动到专门的帖子中。 🙂

---

<div class="post-metadata">

### Author: ![Airw0lf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/airw0lf/32/320260_2.png) [@Airw0lf](https://meta.discourse.org/u/Airw0lf)
#### Post date: [2023年八月11日 14:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/175 "2023-08-11T14:56:31Z")

</div>

感谢您的欢迎和建议@Canapin。  
是的，这是正确的主题。

因为我是这里的新手：  
我不知道在哪里进行此更改。  
您能给我指明正确的方向吗？

谢谢 - Will

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年八月11日 15:19 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/176 "2023-08-11T15:19:03Z")

</div>

除非作者（嗨，Don！）认为这是一个受欢迎的补充并进行更改，否则您可以这样做：

1. 在您的管理员面板中，转到“自定义”-\>“主题”-\>“组件”。  
单击列表底部的“安装”按钮。

2. 单击“+ 创建新”，选择一个名称（例如“自定义 CSS”、“主题调整”，任何您喜欢且描述性足够的名称），然后单击“创建”。  

3. 在 FKB Pro 主题中包含主题组件：  

4. 单击“编辑 CSS/HTML”，转到 CSS 选项卡。写入：

```scss
.topic-image {
    background-size: auto !important;
}

```

单击“保存”。

这应该可以解决您的问题。 🙂

---

<div class="post-metadata">

### Author: ![Airw0lf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/airw0lf/32/320260_2.png) [@Airw0lf](https://meta.discourse.org/u/Airw0lf)
#### Post date: [2023年八月11日 15:39 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/177 "2023-08-11T15:39:59Z")

</div>

谢谢 - 运行正常。

这是基于覆盖。  
如何删除这个 background-size？  
我该怎么做？

我尝试将其设置为 none。  
但这只会恢复我试图删除的内容。  
如果将其设置为 auto，图像仍然会以不同的方式增大。

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年八月11日 15:47 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/178 "2023-08-11T15:47:33Z")

</div>

`auto` 值是[默认值](https://www.w3schools.com/cssref/css3_pr_background-size.php)，相当于没有特定的 `background-size` 规则。 🙂

---

<div class="post-metadata">

### Author: ![Airw0lf](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/airw0lf/32/320260_2.png) [@Airw0lf](https://meta.discourse.org/u/Airw0lf)
#### Post date: [2023年八月11日 16:03 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/179 "2023-08-11T16:03:25Z")

</div>

啊 - 好的 - 感谢您为主题定制提供的这个快速入门。😀

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年八月12日 08:37 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/180 "2023-08-12T08:37:33Z")

</div>

你好 👋

感谢您提出这个问题！我已经更新了主题图片（缩略图）部分。🙂

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/22>

在此更新中，我将 `background` 替换为 `<img>`，并且可以选择添加一个背景图片。背景图片可以处理小图片（_不覆盖此部分_）的空白区域。在默认设置下，它的作用类似于一个_临时的_主色背景。

我添加了一些新设置。使用这些设置，您可以选择：

 ![Screenshot 2023-08-12 at 10.12.16](https://global.discourse-cdn.com/meta/original/4X/6/f/0/6f00e1115e78b216455909d86835ce7061d9559d.png)

1. 主题图片部分的高度（默认：300px）

2. 图片适应

- cover（覆盖，默认）
- contain（包含）
- scale-down（缩小以适应）
- none（不缩放）

1. 背景图片（默认：禁用）

2. 背景图片模糊

3. 背景图片亮度

* * *

效果如下：

**默认（图片适应 cover，无背景）**

 ![Screenshot 2023-08-12 at 10.14.33](https://global.discourse-cdn.com/meta/original/4X/e/1/4/e145ea4149ea21426ee6e2ed93192c836119deef.jpeg)

**图片适应 contain**

 ![Screenshot 2023-08-12 at 10.15.25](https://global.discourse-cdn.com/meta/original/4X/6/f/c/6fcecefb0a941b0700f8b038de63b2c758e2b08e.png)

**图片适应 contain 并带背景**

 ![Screenshot 2023-08-12 at 10.16.24](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5de754a61af4cd9074cbcba400b1c523183fdd7d.png)

**图片适应（cover、contain、scale-down 和 none）之间的区别**

小图片

 ![Screenshot 2023-08-12 at 10.21.23](https://global.discourse-cdn.com/meta/original/4X/8/f/4/8f4cec96c9d57b4d908c223102badde5f2f8c08e.png)  
 ![Screenshot 2023-08-12 at 10.17.58](https://global.discourse-cdn.com/meta/original/4X/1/2/9/1295c96ba77edd543462247bd707562b99a6fc5d.png)  
 ![Screenshot 2023-08-12 at 10.20.16](https://global.discourse-cdn.com/meta/original/4X/d/e/6/de6f98ea69dfb5680b8362b64807c4ed0f11e0b7.png)  
 ![Screenshot 2023-08-12 at 12.04.39](https://global.discourse-cdn.com/meta/original/4X/7/e/e/7eefd58fc71646cd481ae6a902413da83ce42adc.png)

大图片

 ![Screenshot 2023-08-12 at 10.14.33](https://global.discourse-cdn.com/meta/original/4X/e/1/4/e145ea4149ea21426ee6e2ed93192c836119deef.jpeg)  
 ![Screenshot 2023-08-12 at 10.16.24](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5de754a61af4cd9074cbcba400b1c523183fdd7d.png)  
 ![Screenshot 2023-08-12 at 10.16.24](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5de754a61af4cd9074cbcba400b1c523183fdd7d.png)  
 ![Screenshot 2023-08-12 at 12.05.55](https://global.discourse-cdn.com/meta/original/4X/2/f/c/2fcb10ec8ca3cebd77b7eeb39fb3199e5d51a6e2.jpeg)

* * *

**模糊和亮度值之间的区别**

模糊  
50px, 25px, 10px

 ![Screenshot 2023-08-12 at 10.16.24](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5de754a61af4cd9074cbcba400b1c523183fdd7d.png)  
 ![Screenshot 2023-08-12 at 10.24.35](https://global.discourse-cdn.com/meta/original/4X/0/1/7/0175ebdc28aaf222202a7f1fc697feaf3cb2b15f.png)  
 ![Screenshot 2023-08-12 at 10.25.28](https://global.discourse-cdn.com/meta/original/4X/7/9/5/7955f9c371d7d09bc5c5b89fefecb599ebf5ee7f.png)

亮度  
0.65, 0.55, 0.45

 ![Screenshot 2023-08-12 at 10.16.24](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5de754a61af4cd9074cbcba400b1c523183fdd7d.png)  
 ![Screenshot 2023-08-12 at 10.27.40](https://global.discourse-cdn.com/meta/original/4X/5/1/c/51c347c2ae2fe35b38e1e77df979b31224b3f018.png)  
 ![Screenshot 2023-08-12 at 10.28.17](https://global.discourse-cdn.com/meta/original/4X/2/6/f/26f62b80e76081b9bc269a009f5f9422bc928e8a.png)

* * *

编辑：忘记添加图片适应 `none` 选项。

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/23>

---

<div class="post-metadata">

### Author: ![vifyirusti](https://avatars.discourse-cdn.com/v4/letter/v/bc8723/32.png) [@vifyirusti](https://meta.discourse.org/u/vifyirusti)
#### Post date: [2023年八月28日 03:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/181 "2023-08-28T03:58:13Z")

</div>

您好，我想指出一些错误。

以下敏感性问题出现在用户、群组和主题页面（包含少量帖子）上。

仅限桌面视图

用户

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/4/e/f4ef4af9033588787eb4058023cf327c61715084.png)

群组

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/1/3/a1354658a1dafaf22773b9eae260c40d4c187624.png)

在其他页面上，效果完美，如下图所示。

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/b/a/cba28886cf6b84f06afcf807195be2b9facf1812.png)

据我理解，问题的原因是类别、标题、内容等。内容较少的页面会出现这种情况。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年八月28日 05:04 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/182 "2023-08-28T05:04:27Z")

</div>

感谢您的报告 @vifyirusti 👍 我已修复，请更新主题 🙂

---

<div class="post-metadata">

### Author: ![vifyirusti](https://avatars.discourse-cdn.com/v4/letter/v/bc8723/32.png) [@vifyirusti](https://meta.discourse.org/u/vifyirusti)
#### Post date: [2023年八月28日 06:24 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/183 "2023-08-28T06:24:08Z")

</div>

谢谢您。您速度真快。

我想再报告一个 bug。

“最新”、“新增”和“热门”下帖子的“类别”名称位置不正确。（使用“主题评分插件”）

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/1/b/41b49d5e2cec2137a0504532524cac55fafb2dd5.jpeg)

此致 @Don

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年八月28日 08:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/184 "2023-08-28T08:41:02Z")

</div>

是的，我明白了，可惜我现在无法使用 Topic Ratings Plugin 进行测试，但我认为我知道这里发生了什么。🙂

Topic Ratings Plugin 使用此代码来处理 `link-top-line` 元素。

> <https://github.com/paviliondev/discourse-ratings/blob/14cec366c19f4e67e5266ce42c9b49e72800e9b5/assets/stylesheets/desktop/ratings.scss#L1C1-L3>

它正在缩小 FKB Pro 主题中的 `link-top-line`，这就是为什么类别徽章会放置在用户数据之上，因为这是 `byline` 元素的宽度，其中包含类别徽章和用户数据，因此这取决于该元素的宽度。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年八月28日 13:51 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/186 "2023-08-28T13:51:52Z")

</div>

谢谢，我已经合并了一个修复程序。👍 请更新主题。

---

<div class="post-metadata">

### Author: ![vifyirusti](https://avatars.discourse-cdn.com/v4/letter/v/bc8723/32.png) [@vifyirusti](https://meta.discourse.org/u/vifyirusti)
#### Post date: [2023年八月28日 13:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/187 "2023-08-28T13:56:27Z")

</div>

笑话？ 😍 你真的很快。非常感谢。

---

<div class="post-metadata">

### Author: ![carltheobesecat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carltheobesecat/32/323270_2.png) [@carltheobesecat](https://meta.discourse.org/u/carltheobesecat)
#### Post date: [2023年八月30日 08:20 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/188 "2023-08-30T08:20:07Z")

</div>

嘿，只是想告诉你这个坏了。它在任何消息的底部。

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/2/b/02b322a4e77bc617a39001d126b169654d6b52e9.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年八月30日 09:27 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/189 "2023-08-30T09:27:11Z")

</div>

嘿 @carltheobesecat，感谢你的报告 🙂 我已经修复了。👍

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [2023年九月11日 16:10 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/190 "2023-09-11T16:10:57Z")

</div>

主题很棒。似乎与看板插件存在问题，导致右侧框被强制移出页面边界

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/d/7/2d720edae473450652b9408ea4406ccc9dbca7d1.jpeg)

[上一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=8)

[下一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=10)
