Luft-Thema

Ich möchte dies mit dem Air-Theme verwenden, da ich die Boxen und die Kategorieeinrichtung mag.

2 „Gefällt mir“

Sie möchten also keine Grauzone, die in das Hintergrundbild schneidet?

Wenn ja, würden Sie den gleichen Code wie oben verwenden, aber die clip-path-Eigenschaft auf unset setzen.

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

Das sieht mit Ihrem Bild wirklich gut aus!

8 „Gefällt mir“

Ah, verstanden, danke!

4 „Gefällt mir“

5 Beiträge wurden in ein bestehendes Thema zusammengeführt: Search banner theme component

Wie kann ich diesen Code anwenden? Wo genau muss ich ihn einfügen, bitte?

Sie können gerne die folgenden Themen durchlesen, um ein besseres Gefühl dafür zu bekommen, wie Sie das Erscheinungsbild Ihrer Website anpassen können :+1:

Ebenso wie diese:

Designerhandbuch für Discourse-Themes

Entwicklerhandbuch für Discourse-Themes

2 „Gefällt mir“

Vielen Dank @jordan.vidrine, ich habe die Änderungen vorgenommen und dies ist möglicherweise nicht unbedingt im Theme, sondern in meinem vielseitigen Banner, aber der Hintergrund wird auch in meinem vielseitigen Banner dupliziert und dies ist die einzige Änderung, die ich an Discourse Air vorgenommen habe

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366; 
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg); 
    clip-path: unset;
  }
}

So sieht meine Seite jetzt aus: muss ich etwas am vielseitigen Banner oder am Air-Theme ändern?

Ich habe kein Hintergrundbild oder keine Hintergrundfarbe für den vielseitigen Banner eingestellt.

Irgendwelche Vorschläge?

1 „Gefällt mir“

Sie können background-size: cover; ausprobieren oder mit Variationen davon experimentieren.

Weitere Informationen finden Sie auch hier: background-size | CSS-Tricks

2 „Gefällt mir“

Verstanden, werde ich machen. Es ist die Skalierung, wenn ich herauszoome, wiederholt sich das Bild einfach:

Glaubst du, ich sollte auch den Höhen- und Breitenabstand entfernen?

Ich werde mit der Hintergrundgröße herumspielen: Danke!

2 „Gefällt mir“
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    background-size: cover;
    clip-path: unset;

Funktioniert perfekt, danke!

3 „Gefällt mir“

Weiß jemand, wie man die Schriftgröße und -farbe der Kopfzeile auf der Titelseite ändert?

Ich würde Sie hierher verweisen, um ein besseres Verständnis dafür zu bekommen, wie Discourse funktioniert und wie Sie Bereiche der Website anpassen können.

5 „Gefällt mir“

Ein Beitrag wurde in ein bestehendes Thema eingefügt: Dark / Light mode toggle component

Haben Sie eine Idee, wie man diese Schriftfarbe ändern kann, wenn wir eine Komponente dafür erstellen? Dieses Problem tritt nur auf Mobilgeräten auf. Die Komponente kann also nur für das mobile Design sein.

Such-Button

Footer-Suche

2 „Gefällt mir“

Hmm :thinking: , es ist schwer zu erkennen, auf welcher Seite Sie sich befinden oder auf welche bestimmte Schriftart Sie sich beziehen. Auf dem von Ihnen geteilten Bild gibt es 4 oder mehr verschiedene Textelemente, die möglicherweise angepasst werden können.

Sie scheinen daran interessiert zu sein, Discourse für sich selbst anzupassen, was großartig ist :raised_hands:

Ich würde vorschlagen, die folgenden Themen zu lesen, um ein besseres Gefühl dafür zu bekommen, wie Sie das Aussehen und Gefühl Ihrer Website anpassen können :+1:

sowie diese:

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

1 „Gefällt mir“

Jordan, ich sehe, dass sich deine obigen und letzten Nachrichten nur auf „mehr lesen“ beziehen. Ich verstehe das und respektiere es, aber bitte beachte, dass ich kein Designer bin und fast eine Woche damit verbracht habe, das Theme mit meinen grundlegenden Kenntnissen anzupassen. Und ich bin nicht reich genug, um 500 US-Dollar für die Anpassung meiner „nicht gewinnorientierten Community“ auszugeben.

Daher wäre es eine große Hilfe, wenn du uns dabei unterstützen würdest, nicht für mich, sondern für die anderen Community-Mitglieder, die dein Theme mit ihren grundlegenden Anpassungskenntnissen sicherlich mögen werden.

Das Beste an Discourse ist, dass es zwar natürlich eine Lernkurve gibt (wie bei allem Technischen heutzutage), man aber sehr gut in der Lage ist, die Dinge anzupassen, die man anpassen möchte. Ich verspreche es!

Wir schreiben diese Themen, um unserer Community zu helfen, Dinge selbst zu lernen, und manchmal, wenn die Dinge ein wenig zu schwierig werden, sind wir immer für Sie da.

Das heißt, die Hilfe, nach der Sie fragen, kann definitiv durch das Lesen der von mir zuvor verlinkten Themen erreicht werden!

6 „Gefällt mir“

Ist es möglich, die Anzahl der Aufrufe zusammen mit der letzten Aktivität und der Anzahl der Antworten wieder einzuführen?

2 „Gefällt mir“

Sie sollten dies in einer Theme-Komponente tun können. Ich bin gerade nicht am Computer, aber wenn Sie das Thema-Listen-Element mit einem Browser-Inspektor wie Chrome untersuchen, sollten Sie sehen können, welche Zeilen mit CSS ausgeblendet wurden. Sie können dann diese Zeilen anvisieren, um sie mit einer benutzerdefinierten Theme-Komponente sichtbar zu machen.

4 „Gefällt mir“

Hallo, ich benutze das Air Theme mit der Theme Component Topic List Thumbnails Theme Component - theme - Discourse Meta im Grid-Modus. Allerdings ist die Anordnung der Themen in der Grid-Ansicht anders als bei anderen Themes.
Zum Beispiel,


anderes Theme mit der Komponente,

Ist das ein Problem oder gibt es eine empfohlene Theme Component, um Thumbnails von Themen anzuzeigen?

1 „Gefällt mir“