Wie kann ich den Hintergrund eines bestimmten Themas ändern?

Weiterführung der Diskussion aus dem Thema Background of topic color change:

Hallo, wie kann ich den Hintergrund eines bestimmten Themas ändern?

1 „Gefällt mir“

Oder. Ich kann nicht programmieren. Wie lautet der CSS-Code, um den Hintergrund von Themen einer bestimmten Unterkategorie anzupassen?

Vielen Dank für Ihre Antwort!

1 „Gefällt mir“
.category-support .topic-post {
    background: red;
}

bewirkt:

Die Kategorie-spezifische Klasse befindet sich im <body>-Tag.


Wenn Sie nur den ersten Beitrag hervorheben möchten:

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

Wenn Sie den Hintergrund kategoriespezifischer Themen in einer Themenliste ändern möchten, dann ist das von Ihnen verlinkte Thema der richtige Weg.

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

bewirkt:

4 „Gefällt mir“

Vielen Dank :+1:
Ich werde es auf jeden Fall versuchen!

Kann ich ein Bild anstelle einer Farbe hinzufügen?

Eine weitere Frage: Welcher Code dient zur Anpassung des Hintergrunds einer bestimmten Unterkategorie?
Vielen Dank

Hallo,

Sie können auch die Kategorieeinstellungen verwenden, um ein Hintergrundbild für die Kategorie festzulegen.

1 „Gefällt mir“

Ja, es hat funktioniert :+1:. Aber wenn ich die Seite öffentlich mache, bleibt der Hintergrund weiß :point_down:

Die Funktionalität der öffentlichen Seite ist sehr begrenzt.
Zum Beispiel wird die YouTube-Videovorschau nicht angezeigt (nur das Videobanner wird angezeigt). Sie können keine Bilderkarussells erstellen (alle Bilder werden nacheinander auf der Seite platziert).
Von hier aus habe ich folgende Fragen: Ist es möglich, die Funktion der öffentlichen Seite selbst zu verbessern, oder gibt es bereits fertige Codes zur Verbesserung der öffentlichen Seite?
Vielleicht sollte ich zu diesem Thema einen separaten Beitrag erstellen :thinking:

Sie müssten die veröffentlichte Seite separat vom Thema selbst gestalten, aber jede veröffentlichte Seite hat ihre eigene ID, sodass es möglich ist, sie mit etwas CSS zu optimieren. z. B.:

.published-page {
  &.testing-published-page.topic-276.foo {  /*dies ist meine Seiten-ID, die sich aus Thema-Titel+Thema-ID+Kategorie-Slug zusammensetzt*/
    background-color: #c4ddc4;

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

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }
1 „Gefällt mir“

Vielen Dank, ich weiß Ihre Antwort wirklich zu schätzen.
Ist es möglich, den Code so zu gestalten, dass die veröffentlichte Seite automatisch das Design des Originalbeitrags erbt?

Danke für Ihre Antwort!
Ich habe mich an diese Funktion erinnert. Diese Funktion legt den Hintergrund für alle Themen in einer bestimmten Kategorie fest. Kann ich den Hintergrund im Beitragseditor nur für einen bestimmten Beitrag codieren? Ohne den Hintergrund des gesamten Abschnitts anzupassen

Können Sie mir einen ungefähren, spezifischeren Text zeigen, wie er geschrieben ist, sonst kann ich das nicht?

Thema-Titel = kody-css-dlya-nastrojki-oformleniya-temy
Kategorie-Slug = staff
Thema-ID = image

Hier ist meine veröffentlichte Seite :point_down:

Haben Sie die Details für die Seite in Ihrem Browser-Inspektor nachgeschlagen?

Nein, weil ich es nicht verstehe.
Meinst du so etwas wie das hier: :point_down:?

Ich habe die ID aus dem Browser genommen :point_up_2:
image

Ich fürchte, meine CSS-Kenntnisse beschränken sich immer noch auf Schnipsel und Tweaks, daher bin ich nicht die beste Person, um auch nur die Grundlagen zu lehren. :slightly_smiling_face:

Wir haben ein paar Anleitungen, die nützlich sein könnten?

1 „Gefällt mir“

Kann ich noch eine Frage stellen? Ich fürchte, niemand sonst wird mir antworten außer Ihnen. Wie kann man ein ähnliches Flackern (Aufleuchten) der Schaltfläche erreichen?
Button-whatsapp gif

Hier ist mein Button-Code

[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;
    }
}

Hier erhalten Sie spezifische Hilfe für Discourse, aber für CSS-Tricks müssen Sie woanders suchen. Ich benutze nur Google und https://css-tricks.com/

4 „Gefällt mir“

Hallo. Danke für die Infos :raised_hands:
Ich denke, es ist besser für mich, einen Spezialisten einzustellen, als Programmieren zu verstehen. Ich musste die Frage mit dem Code der Schaltfläche klären. Zu diesem Zeitpunkt musste ich das Problem mit dem Schaltflächencode lösen.

2 „Gefällt mir“

Wenn Sie jemanden für CSS-Änderungen oder mehr einstellen müssen, können Sie im Marketplace posten und/oder mir eine persönliche Nachricht senden.

2 „Gefällt mir“