Pyx’s Modern Theme ist der Nachfolger meines alten Themes, darkpixlz’s Modern Theme, das ein Fork des Air-Themes war. Es hatte etwa 2500 Zeilen und viele Probleme, also habe ich es neu geschrieben!
Unterstützt die vollständige Admin-Oberfläche und das Überprüfungspanel
Unterstützt fast alle modernen Kernfunktionen (neue Themenübersicht, neue Upgrade-Seite, Chat, …) und einige Plugins
Anpassbares Hintergrundbild
Fügt eine --user-bg-url-Eigenschaft hinzu, damit Ihre Plugins das Hintergrundbild eines Benutzers auf Profilen lesen können
Im Vergleich zu meinem alten Theme insgesamt deutlich weniger LOC und einfacher für Geräte zu rendern
Bekannte Probleme
Die Themenübersicht sieht seltsam und nicht ausgerichtet aus
Alle Beiträge zum Repository sind sehr willkommen und werden (wahrscheinlich) am selben Tag überprüft. Kommentare oder Ideen? Hinterlassen Sie eine Antwort hier. Probleme? Bitte erstellen Sie ein GitHub-Issue.
Bitte beachten Sie, dass ich alle meine Stile nur für Firefox teste; wenn Chromium Probleme macht, zögern Sie bitte nicht, einen Bericht einzureichen.
Nun, es scheint ein Problem damit zu geben, dass keine Komponenten installiert sind, und dann scheint es die CSS der Bilder zu ändern, wodurch viele davon zu Rechtecken werden.
Ich habe ein anderes Bild ausprobiert und es schien ein kleines Problem zu geben, aber das Problem, das Bild zu einem Oval zu machen, ist verschwunden.
Ich frage mich, ob es möglich ist, eine adaptive Skalierung hinzuzufügen? Ich hätte gerne eine Seitenleistenkomponente auf der rechten Seite.
CSS
/* Ermittelt die Breite des Benutzeravatars und legt die maximale Breite des Anzeigencontainers fest */
/* Stile des Anzeigencontainers */
#list-area {
display: flex; /* Anzeigen mit Flexbox anordnen */
flex-direction: column; /* Anzeigen vertikal anzeigen */
gap: 0; /* Abstand zwischen den Anzeigenbildern entfernen */
padding: 0; /* Container-Padding entfernen */
margin: 0; /* Sicherstellen, dass kein zusätzlicher Rand um den Anzeigencontainer vorhanden ist */
max-width: 812px; /* Begrenzt die Breite des Anzeigencontainers auf maximal 812 Pixel (Avatarbreite: 48 Pixel) */
}
/* Stile des Anzeigenlinks */
.banner-ad {
display: block; /* Macht den Anzeigencontainer zu einem Blockelement */
width: 100%; /* Stellt sicher, dass der Anzeigencontainer 100 % der Breite einnimmt */
max-width: 100%; /* Verhindert, dass die maximale Breite überschritten wird */
margin: 0; /* Entfernt Abstände zwischen den Anzeigencontainern */
}
/* Stile responsiver Anzeigenbilder */
.ad-image {
width: 100%; /* Stellt sicher, dass das Bild die volle Breite seines übergeordneten Elements einnimmt */
height: auto; /* Behält das ursprüngliche Seitenverhältnis des Bildes bei */
max-width: 100%; /* Verhindert, dass das Bild die maximale Breite seines Containers überschreitet */
display: block; /* Behebt das Problem mit leerem Platz unter den Bildern */
margin: 0; /* Entfernt zusätzlichen Platz um das Bild */
}
/* Responsives Design: Passt die Anzeigenanzeige für große und kleine Bildschirme an */
/* Passt die Anzeigenanzeige auf Geräten mit einer Breite von weniger als 768 Pixel an */
@media (max-width: 768px) {
#list-area {
padding: 0; /* Stellt sicher, dass auf Mobilgeräten kein zusätzliches Padding vorhanden ist */
}
.banner-ad {
width: 100%; /* Stellt sicher, dass die Anzeige auf kleinen Bildschirmen die volle Breite einnimmt */
}
.ad-image {
width: 100%; /* Stellt sicher, dass sich das Bild an die Containerbreite anpasst */
height: auto; /* Behält das Seitenverhältnis des Bildes bei */
}
}
/* Passt Anzeigenbilder auf sehr kleinen Geräten weiter an (z. B. Telefone im Hochformat) */
@media (max-width: 480px) {
.ad-image {
width: 100%; /* Stellt sicher, dass sich Bilder an die Bildschirmbreite des Telefons anpassen */
max-width: 100%; /* Setzt die maximale Breite auf 100 %, um eine Übergröße zu vermeiden */
height: auto; /* Behält das Seitenverhältnis des Bildes bei */
}
}
Ich werde morgen die Seitenkomponenten-Sache überprüfen. Keine Versprechen bezüglich Werbung, weil ich das nicht testen kann, aber für die generelle Skalierung sollte ich das beheben können.
Entschuldigung, ich war diese Woche viel krank und hatte auch noch andere Dinge zu erledigen. Ich habe gerade den Post-Stream poliert, viele Fehler behoben und den Composer schwebend gemacht!
Außerdem ist mir aufgefallen, dass die Theme-Seite auf die alte Version zurückgesetzt wurde, was viele Probleme verursacht hat. Ich werde keine Anstrengungen unternehmen, dort etwas zu reparieren, da ich das Gefühl habe, dass es wieder hinzugefügt wird und so aussieht, wie es beabsichtigt war.
Leider liegt das etwas außerhalb des Rahmens dieses Themas, da es absichtlich Unibody ist und ich daher kein Layout übernehmen würde, bei dem die Seitenleiste abgetrennt ist. Wenn Sie nach einem solchen Design suchen, empfehle ich Ihnen diese beiden erstaunlichen Themen:
Wenn Sie jedoch möchten, dass das Header-Banner unterstützt wird, können Sie mir gerne eine Website-URL geben und ich werde die Möglichkeit prüfen, es zu unterstützen.
Hallo zusammen, entschuldigt die mangelnden Updates in letzter Zeit! Ich habe gerade die Unterstützung für die Review Queue und den Docker Manager hinzugefügt.
tl;dr: Das Theme ist jetzt aus der „Vorschau“-Phase! Ich bin zuversichtlich, dass es für die meisten Websites funktionieren und gut gestylt sein wird. Mit dieser neuen Phase suche ich hier nicht mehr nach Fehlerberichten, bitte reicht stattdessen GitHub Issues ein.
Bitte gebt weiterhin Feedback – alles ist willkommen. Danke für eure anhaltende Unterstützung, auch wenn ich vielleicht langsam bin :3
Entschuldigt die Deprecation-Warnung, die ein paar Tage lang oben auf euren Websites angezeigt wurde , sie wurde jetzt behoben. Alles sollte wieder normal sein.
Mehr gute Nachrichten! Ich habe das Theme gerade noch einmal umgeschrieben, sodass es keine riesige gemeinsame SCSS-Datei mehr ist. Es sollte bis auf einige kleinere Korrekturen, die ich vorgenommen habe, nicht anders aussehen. Viel Spaß :3
Das Thema hat mir wirklich gut gefallen, aber es gibt einige „Artefakte“, die mich davon abhalten, es zu verwenden
Auf der Seite „Profil“ befindet sich hinter dem Header ein kleiner Button mit der Aufschrift „Zum Inhalt springen“.
Wenn ich versuche, eine andere Farbpalette auszuwählen (als Benutzer, in meinem Profil), wird die Dropdown-Auswahl neben dem oben erwähnten Button „Zum Inhalt springen“ angezeigt (so habe ich bemerkt, dass er da ist).
| Zusammenfassung | Pyx’s Modern Theme ist der Nachfolger von darkpixlz’s Modern Theme. |
|Vorschau| Theme Creator |
|Repository| GitHub - pyxfluff/moderntheme: Modern theme for Discourse. |
|Installationsanleitung|So installieren Sie ein Theme oder eine Theme-Komponente|
|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes|
Ich bin zuversichtlich, dass es für die meisten Websites funktionieren und gut gestylt sein wird. Mit dieser neuen Phase suche ich hier nicht mehr nach Fehlerberichten, bitte 
, sie wurde jetzt behoben. Alles sollte wieder normal sein.
