Kann ich einen benutzerdefinierten Button mit CSS und HTML erstellen?

Ich möchte einen Button wie diesen erstellen, aber hier steht, dass es CSS mit HTML ist. Wo passe ich HTML in Discourse an? An derselben Stelle, an der ich CSS einfüge?

Cool Glowing Effect on Buttons using HTML & CSS | CodingNepal - YouTube

Ein guter Ausgangspunkt ist Anfängerleitfaden zur Entwicklung von Discourse-Themes

1 „Gefällt mir“

Möchtest du den Button in einem Beitrag hinzufügen (in diesem Fall siehe dieses Thema) oder möchtest du einen bestehenden Button in der Benutzeroberfläche von Discourse anpassen?

Ja, aber wenn du einen Button zur Benutzeroberfläche von Discourse hinzufügen möchtest, ist das etwas anderes und erfordert Programmierung.

Nebenbei bemerkt, das Video stört mich, weil der Ersteller keinen Link zum eigentlichen Code angegeben hat (Seiten wie https://codepen.io sind sehr nützlich, um an dieser Art von Dingen zu arbeiten). Es ist ziemlich fortgeschrittenes CSS und das manuelle Kopieren aus dem Video wird mühsam sein.

Aus reiner Neugier habe ich ein wenig im Internet gesucht, und der Code ist auf ihrer Website veröffentlicht.


Um Jay’s Antwort zu ergänzen, füge ich Making custom CSS changes on your site hinzu, was einfacher sein könnte, wenn dein einziges Ziel die Anpassung des HTML-Stils auf deiner Website ist.

Zu guter Letzt verfügen Discourse-Foren über ein ausgezeichnetes vorinstalliertes Plugin namens Styleguide, das du aktivieren kannst und das so ziemlich jedes Element deines Forums mit seinem aktuellen Styling anzeigt:

Aktiviere zuerst die Styleguide-Seite:
Admin-Panel → Plugins → Styleguide → :gear:Einstellungen → Aktiviere styleguide enabled :white_check_mark:.

Dann kannst du zur Styleguide-Seite gehen. Hänge einfach /styleguide an deine Foren-URL an, um sie zu sehen:

Wenn du dich insgesamt nicht wirklich gut mit CSS und Styling auskennst, rate ich dir dringend, die Grundlagen zu lernen, bevor du dich an dieses Button-Projekt wagst.

1 „Gefällt mir“

Hallo, danke für die Veröffentlichung

Wow, vielen Dank, dass Sie mir diesen Styleguide gezeigt haben, ich kannte diese Funktion nicht! Ich bin sehr dankbar! Ich werde die Schaltflächen auf meiner Website gestalten, genau wie in dem Link, den ich Ihnen geschickt habe! In diesem Fall war ich im Zweifel, denn im Video wird gezeigt, dass man HTML und CSS verwenden muss, aber ich glaube, dass Discourse nur CSS akzeptiert! Vielen Dank, dass Sie mir diese Dinge gezeigt haben!

2 „Gefällt mir“