Pyx’s Modern Theme ist der Nachfolger meines alten Themes, darkpixlz’s Modern Theme, das ein Fork des Air-Themes war. Es war etwa 2500 Zeilen lang und hatte viele Probleme, also habe ich es neu geschrieben!
Alle Beiträge im Repository sind mehr als willkommen und werden (wahrscheinlich) am selben Tag überprüft. Kommentare oder Ideen? Hinterlasse hier eine Antwort. Probleme? Erstelle bitte ein GitHub-Issue, das ist einfacher zu verfolgen.
Bitte beachte, dass ich alle meine Styles nur für Firefox teste; wenn Chromium Probleme macht, zögere bitte nicht, einen Bericht zu erstellen. Mobile wird alle paar Updates überprüft und sollte im Allgemeinen unterstützt 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 ein Seitenleisten-Element auf der rechten Seite.
CSS
/* Hole die Breite des Avatar-Bildes des Benutzers und setze die maximale Breite des Anzeigencontainers */
/* Stile für den Anzeigencontainer */
#list-area {
display: flex; /* Anzeigen mit Flexbox anordnen */
flex-direction: column; /* Anzeigen vertikal anordnen */
gap: 0; /* Abstand zwischen den Anzeigenbildern entfernen */
padding: 0; /* Innenabstand des Containers entfernen */
margin: 0; /* Sicherstellen, dass kein zusätzlicher Außenabstand um den Anzeigencontainer herum vorhanden ist */
max-width: 812px; /* Breite des Anzeigencontainers auf maximal 812px begrenzen (Avatar-Breite: 48px) */
}
/* Stile für Anzeigenlinks */
.banner-ad {
display: block; /* Anzeigencontainer als Blockelement definieren */
width: 100%; /* Sicherstellen, dass der Anzeigencontainer 100 % der Breite einnimmt */
max-width: 100%; /* Verhindern, dass die maximale Breite überschritten wird */
margin: 0; /* Abstand zwischen den Anzeigencontainern entfernen */
}
/* Stile für responsive Anzeigenbilder */
.ad-image {
width: 100%; /* Sicherstellen, dass das Bild die volle Breite des Elternelements einnimmt */
height: auto; /* Das ursprüngliche Seitenverhältnis des Bildes beibehalten */
max-width: 100%; /* Verhindern, dass das Bild die maximale Breite seines Containers überschreitet */
display: block; /* Das Problem mit dem leeren Raum unter den Bildern beheben */
margin: 0; /* Zusätzlichen Raum um das Bild herum entfernen */
}
/* Responsives Design: Anzeige der Anpassen für große und kleine Bildschirme */
/* Anzeige der Anpassen auf Geräten mit einer Breite von weniger als 768px */
@media (max-width: 768px) {
#list-area {
padding: 0; /* Sicherstellen, dass auf Mobilgeräten kein zusätzlicher Innenabstand vorhanden ist */
}
.banner-ad {
width: 100%; /* Sicherstellen, dass die Anzeige auf kleinen Bildschirmen die volle Breite einnimmt */
}
.ad-image {
width: 100%; /* Sicherstellen, dass sich das Bild an die Containerbreite anpasst */
height: auto; /* Das Seitenverhältnis des Bildes beibehalten */
}
}
/* Anzeigenbilder auf sehr kleinen Geräten (z. B. Handys im Hochformat) weiter anpassen */
@media (max-width: 480px) {
.ad-image {
width: 100%; /* Sicherstellen, dass sich die Bilder an die Bildschirmbreite des Handys anpassen */
max-width: 100%; /* Maximale Breite auf 100 % setzen, um eine Übergröße zu vermeiden */
height: auto; /* Das Seitenverhältnis des Bildes beibehalten */
}
}
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).
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.
