Ich möchte einen aktiven farbigen Button (kein Bild) in einem bestimmten Beitrag erstellen

Hallo. Ich kann nicht programmieren. Ich möchte einen aktiven farbigen Button (kein Bild) in einem bestimmten Beitrag erstellen. Welcher Code sollte in das Beitragseditorfenster geschrieben werden.
Das möchte ich: :point_down:


Mein Versuch zu programmieren im Beitragseditorfenster :point_down: :see_no_evil:

Hilf mir bitte. Zeige bitte den korrekten Code :pray: :pray: :pray:

Schau dir das mal an:

3 „Gefällt mir“

Nach meinem Verständnis werde ich den Button-Code nicht in das Editorfenster einfügen können, da er sowieso nicht funktionieren wird.
Nach meinem Verständnis werde ich den Button-Code nicht in das Editorfenster einfügen können und ich werde den Hintergrund eines bestimmten Beitrags nicht einstellen können, da er sowieso nicht funktionieren wird. Und muss ich zuerst Code zur HTML-Whitelist hinzufügen?

Entschuldigung, wenn ich etwas missverstanden habe :pray:, ich bin kein Programmier-Spezialist und spreche nicht gut Englisch. Ich benutze jetzt Google Übersetzer.

Vielleicht sagt ein Bild mehr als tausend Worte :slight_smile:

[data-theme-button] a {
        display: inline-block;
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
}

Wenn Sie den Button zentrieren möchten:

[data-theme-button] {
    display: flex;
    justify-content: center;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

1 „Gefällt mir“

Großartig, das ist erstaunlich :exploding_head:. Vielen Dank :+1: :+1: :+1:

Es scheint, dass ich die Logik verstanden habe, wie man verschiedene Schaltflächenoptionen erstellt.
Morgen werde ich meine Experimente mit dem Code mit Ihnen teilen.

In der Zwischenzeit möchte ich noch eine Frage stellen: Welcher Befehl richtet die Schaltfläche am rechten Rand des Beitrags aus?

Vielen Dank nochmals :raised_hands:

Ist es möglich, Textgröße und -stärke in CSS zu kodieren?

[data-theme-button] {
    display: flex;
    justify-content: end;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

Ja: Verwenden Sie die folgenden Attribute:

font-size und font-weight

Mit den gewünschten Werten.

Dokumentation:


:information_source: Ich habe meinen CSS-Code in meinen Nachrichten aktualisiert, um ihn übersichtlicher zu gestalten (Verwendung von Flexbox-Attributen anstelle von Margin zur Ausrichtung des Buttons).

2 „Gefällt mir“

Vielen Dank. Ihre Antwort ist für mich sehr wichtig. Ich versuche zu lernen.

1 „Gefällt mir“

Nur zur Information: Während es in Ordnung ist, gelegentlich Fragen zum Anpassen Ihrer Website hier und da zu stellen, sind grundlegende CSS- und HTML-Fragen streng genommen besser in einem speziellen Forum zu stellen.

3 „Gefällt mir“

Als ich versuchte, den Code gemäß Ihrem Beispiel zu aktualisieren, erhielt ich einen Fehler.

Aber als ich das zweite Zeichen „}“ entfernte, verschwand der Fehler

Habe ich es richtig gemacht?

Hallo. Habe ich “dediziertes Forum” richtig verstanden, das nichts mit Discourse zu tun hat. Oder hat Discourse ein separates Forum zur Diskussion von CSS- und HTML-Problemen. (Ich bin mir nicht sicher, ob mein Browser richtig übersetzt)

Ich entschuldige mich für meine Unverschämtheit :pray: Könnten Sie mir das mit meinem CSS-Beispiel zeigen? :pray:

P.S. Zusammen mit dem Diskurs begann ich, die Welt des Codierens zu erkunden :sweat_smile:

Ja, Entschuldigung, ich habe beim Kopieren und Einfügen meines Codes einen Fehler gemacht. :+1:

Er sagt, dass Fragen zu allgemeinen CSS-Themen, die nicht direkt mit Discourse zusammenhängen (wie z. B. wie man die Textgröße oder -stärke mit CSS ändert), nicht auf meta.discourse.org, sondern woanders diskutiert werden sollten, wo man CSS lernen und Fragen dazu stellen kann.

Wenn Sie eine präzise Frage haben, wie Sie CSS verwenden können, um eine bestimmte Sache in Discourse zu tun, dann ist meta.discourse.org angemessen.

Ich schlage vor, dass Sie die Grundlagen von CSS lernen. Geben Sie in Ihrer bevorzugten Suchmaschine „CSS-Tutorial“ in Ihrer eigenen Sprache ein und versuchen Sie, hier einige Kenntnisse zu erwerben, von denen aus Sie beginnen können. Dies wird Ihnen später sehr helfen, den Stil Ihres Discourse-Forums anzupassen.

2 „Gefällt mir“

Hallo, danke, jetzt ist es klar!
Ich werde die von Ihnen bereitgestellten Links auf jeden Fall verwenden :+1: