Sie können die Marken-Header-Komponente verwenden, um den Header zu erstellen, den Sie beschreiben, und es sollte mit etwas einfachem CSS möglich sein, einen Hintergrund hinzuzufügen. Meines Wissens gibt es keine native Möglichkeit, das Website-Banner dorthin zu verschieben.
Danke. Ein Banner zu erstellen ist einfach. Es als Hintergrund zu verwenden scheint der knifflige Teil zu sein. Ich hatte es mit meinem vorherigen Thema, aber das ist so lange her, dass ich mich nicht mehr erinnern kann, welche CSS ich ändern musste, um das zu tun.
Soweit ich weiß, ist mit benutzerdefinitem CSS alles möglich, oder?
Ja, es ist so einfach wie eine einfache Komponente. Ich bin gerade nicht an meinem Computer, daher kann ich dir die Klasse nicht holen, aber wenn du zu den DevTools gehst, kannst du die Klasse erhalten und einfach eine neue Komponente erstellen:
.banner_background { // hier die tatsächliche Klasse einfügen
background: url("https://example.com/example.png") cover no-repeat;
}
Das ist die Standard-Kopfzeile. Wenn Sie den Hintergrund auf die Kopfzeile anwenden möchten, ja, aber wenn Sie möchten, dass diese separat ist, dann nicht.
Wenn Sie den Hintergrund auf die Website-Kopfzeile anwenden möchten, verwenden Sie .d-header .wrap
Danke. Könnten Sie mir bitte zeigen, wo ich Anweisungen finde, wie ich diese Änderung vornehmen kann? Ich weiß sehr wenig über CSS und noch weniger über die Anpassung von Discourse!
Können Sie mir mitteilen, welche „Änderung“ Sie meinen?
Wie ändere ich den Hintergrund des oberen Seitenbereichs in das Bild, das sich hinter der Willkommensnachricht befindet.
Wenn Sie den Hintergrund des Seiten-Headers ersetzen möchten, ist dies das, was Sie suchen
.d-header .wrap {
background: url("https://example.com/example.png") cover no-repeat;
}
Entschuldigung, ich habe mich nicht klar ausgedrückt. Wahrscheinlich gibt es eine „Schritt-für-Schritt“-Anleitung, wie man benutzerdefiniertes CSS zur Seite hinzufügt. Das suche ich.
\n\nFür allgemeine Informationen, wie man dies macht, gibt es Making custom CSS changes on your site