空气主题

我想使用此主题,因为我喜欢它的框和类别设置。

2 个赞

您是不希望灰色区域侵入背景图像吗?

如果是这样,您将使用上面的相同代码,但unset clip-path 属性。

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

这实际上和您的图片搭配起来效果很好!

8 个赞

明白了,谢谢!

4 个赞

5 篇帖子已合并到现有主题:Search banner theme component

如何应用此代码?请问具体放在哪里?

您可以随意阅读以下主题,以更好地了解如何自定义网站的外观和风格 :+1:

以及这些:

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

2 个赞

非常感谢 @jordan.vidrine,我已经实施了更改,这可能不一定与主题有关,而是与我的多功能横幅有关,但背景也已复制到我的多功能横幅中,这是我在 discourse air 上唯一进行的更改

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366;
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    clip-path: unset;
  }
}

这是我的页面现在的样子:这是我需要在多功能横幅中更改的内容,还是 air 主题中的内容?

我的多功能横幅没有设置背景图片或颜色。

有什么建议吗?

1 个赞

您可以尝试 background-size: cover; 或在此基础上进行调整。

更多信息也可在此处找到:background-size | CSS-Tricks

2 个赞

明白了,我会照做的。问题出在缩放时,当我缩小图片时,它会重复显示:

你觉得我也应该移除高度和宽度的内边距吗?

我会尝试调整 background-size 的,谢谢!

2 个赞
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg); 
    background-size: cover;
    clip-path: unset;

完美运行,谢谢!

3 个赞

有人知道如何更改主页上的标题文本大小和颜色吗?

我建议您在此处了解 Discourse 的工作原理以及如何自定义网站的各个区域。

5 个赞

一个帖子已合并到现有主题:暗/亮模式切换组件

您知道如何更改此字体颜色,因为我们为此创建了一个组件吗?此问题仅在移动设备上出现……因此该组件只能用于移动设备设计。

搜索按钮

页脚搜索

2 个赞

Hmm :thinking: ,从您的截图来看,很难判断您当前在哪个页面,或者您具体指的是哪个字体。在您分享的图片中,有 4 个或更多不同的文本项可以进行自定义。

您似乎对自定义 Discourse 的外观和感觉很感兴趣,这很棒 :raised_hands:

我建议您阅读以下主题,以便更好地了解如何自定义站点的外观和感觉 :+1:

还有这些:

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

1 个赞

乔丹,我看到了你上面和最后的消息,都提到了“阅读更多”,我理解并尊重这一点,但请注意,我不是设计师,我花了一周多的时间才用我基本的知识定制了这个主题……而且我并不富有,无法为我的“非营利社区”花费 500 美元进行定制。

所以,请考虑帮助我们,这将非常感激,不是为了我,而是为了其他用户社区,他们肯定会喜欢你的主题,即使他们只有基本的定制知识。

Discourse 最棒的一点是,虽然(和如今任何技术一样)确实有一个学习曲线,但你完全有能力自定义你想要自定义的东西。我保证!

我们撰写这些主题是为了帮助我们的社区学会如何独立完成事情,有时当事情变得有点太难时,我们随时都在这里提供帮助。

话虽如此,你所寻求的帮助绝对可以通过阅读我之前链接的主题来获得!

6 个赞

是否可以将视图数量与最新活动和响应数量一起带回来?

2 个赞

您应该可以在主题组件中执行此操作。我现在不在电脑旁,但如果您使用 Chrome 等浏览器检查器检查主题列表元素,您应该可以看到哪些行已被 CSS 隐藏。然后,您可以定位这些行,使它们在自定义主题组件中可见。

4 个赞

您好,我正在使用 Air 主题,并启用了 Topic List Thumbnails 主题组件 - 主题 - Discourse Meta 的网格模式。但是,主题的主题排列与我之前使用过的其他主题的网格视图不同。
例如,


使用该组件的其他主题,

这是个问题,还是有推荐的主题组件可以显示主题的缩略图?

1 个赞