我怎样更改某个话题的背景?

继续讨论 主题背景颜色更改 中的内容:

你好,我该如何更改某个主题的背景?

1 个赞

或者,我不会编码。自定义特定子类别主题背景的 CSS 代码是什么?

感谢您的回复!

1 个赞
.category-support .topic-post {
    background: red;
}

显示:

分类特定的类位于 <body> 标签中。


如果你只想突出显示第一个帖子:

.category-support .topic-post:first-child {
    background: red;
}

如果你想更改主题列表中特定分类主题的背景,那么你链接的主题就是实现此目的的方法。

.category-support.topic-list-item {
    background: red;
}

显示:

4 个赞

非常感谢你 :+1:
我一定会试试!

我可以用图片代替颜色吗?

另一个问题:自定义特定子类别背景的代码是什么?
谢谢。

您好,

您也可以使用类别设置来为类别设置背景图片。

1 个赞

是的,它奏效了 :+1:。但当我将页面设为公开时,背景仍然是白色的 :point_down:

公开页面的功能非常有限。
例如,不会显示 YouTube 视频预览(只显示视频横幅)。您无法制作图片轮播(所有图片都会按顺序堆叠在页面下方)。
基于以上情况,我有以下问题:我是否可以自行改进公开页面的功能,或者是否有现成的代码可以改进公开页面?
也许我应该就此问题另外发帖 :thinking:

您需要单独设置已发布页面,而不是主题本身,但每个已发布页面都有自己的 ID,因此可以通过一些 CSS 进行调整。例如:

.published-page {
  &.testing-published-page.topic-276.foo {  /*这是我的页面 ID,由 topic-title+topic-ID+category-slug 组成*/
    background-color: #c4ddc4;

    .published-page-header {
      background-color: #facccc;
    }

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }
1 个赞

感谢您,我非常感谢您的回答。
是否可以使已发布的页面自动继承原始帖子的设计?

感谢您的回复!
我想起了这个功能。此功能为特定类别中的所有主题设置背景。我能否在帖子编辑器中为特定帖子编写背景代码,而不自定义整个部分的背景?

你能给我一个更具体、更接近的文本示例吗?否则我无法操作。

主题标题 = kody-css-dlya-nastrojki-oformleniya-temy
类别缩略名 = staff
主题 ID = image

这是我已发布的页面 :point_down:

您是否在浏览器检查器中查找了页面的详细信息?

不,因为我不明白。
你的意思是这样的::point_down:

我从浏览器中获取了 ID :point_up_2:
image

我的 CSS 技能仅限于代码片段和调整,所以我不是教基础知识的最佳人选。:slightly_smiling_face:

我们有一些可能有用的指南?

1 个赞

我能再问一个问题吗?恐怕除了你之外没有人会回答我。如何制作一个类似的按钮闪烁(闪光)效果?
Button-whatsapp gif

这是我的按钮代码

[data-theme-button2] {
    display: flex;
    justify-content: end;
    a {
        padding: 10px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 1px solid #004E7D;
        color: #004E7D;
        font-weight: 600;
    }
}

您可以在此处获得 Discourse 特定的帮助,但您需要到其他地方获取 CSS 技巧。我只使用 Google 和 https://css-tricks.com/

4 个赞

你好。感谢你的信息 :raised_hands:
我认为聘请专家比理解编码对我来说更好。我需要解决按钮代码的问题。此时,我需要解决按钮代码的问题。

2 个赞

如果您需要聘请某人进行 CSS 修改或更多工作,您可以在 Marketplace 发布信息和/或给我发私人消息。

2 个赞