Pixelgorilllas Gaming Stil

Heute möchte ich euch mein neuesten Stil vorstellen. Diesen habe ich jetzt schon einige Wochen in Bearbeitung und heute ist er soweit fertig. Er unterscheidet sich zum klassischen ganz stark und daher möchte ich ein paar Informationen mit euch teilen! Auch war mir wichtig, dass tolle Logo von Azrael besser zur Geltung zu bringen!

Die Navigation wurde komplett angepasst. Die Glocke ist auch animiert, wenn es etwas neues gibt auf der Seite:

Navigation.webp

Das Bild mit dem Controller dient aktuell nur als Platzhalter und ich würde die Community bitten ein passendes Bild für uns zu Verfügung stellen. Das Bild muss bitte folgende Größe haben: 3840x700px


Das Dashboard wurde auch angepasst und jetzt oben etwas entschlackt und unten mit sinnvollen neuen Funktionen ausgestattet. Auch ein Bereich für unsere Gäste, damit sie wissen was wir eigentlich sind:

Dashboard.webp

Footer .webp

Auch das Forum wurde sinnvoll erweitert und bessere Ansichten gemacht! Gibt es was neues, blinkt das Symbol bei der passenden Kategorie! Selbstverständlich auch Mobil:

Forum.webp

Neue Posts.webp

Letzte Beiträge:

Letzte Beiträge ungelesen.webp

Auch Zitate sind überarbeitet und sind besser angezeigt:

Zitat.webp

Auch werden jetzt bei euch im Profil das Profilbild wie auch das Avatarbild angezeigt:

Profil.webp

und viele viele andere Designänderungen! Schaut es euch in Ruhe an und wie immer gilt "Du kannst es nutzen, musst es aber nicht" Ich hoffe euch gefällt es! Für mich ist es aktuell das schönste und passendste Design. Für Anregungen und Änderungswünsche bin ich wie immer bereit. Schreibt in den Kommentaren einfach dazu
:)
Ich freue mich über euer Feedback, egal ob positiv oder negativ
:)
Zur Frage kann man beim Userprofil wieder die Abzeichen und Statistiken ausblenden, klar kann ich das aber das mache ich erst, wenn ihr den Stil auch nutzen wollt.
 
Der Sidebar könnte man auch mehr Raum geben.

@media screen and (min-width: 1025px), print {
.boxesSidebarRight {
flex: 0 0 329px;
border-left: 1px dashed var(--wcfContentBorderInner);
padding-left: 15px;
}
}

Die 329px z.B. zu 400px ändern und dann an folgender Stelle

@media screen and (min-width: 1025px), print {
.sidebar.boxesSidebarRight .boxContainer {
width: 310px;
position: relative;
}
}

die width Festlegung entfernen.
 
Der Sidebar könnte man auch mehr Raum geben.

@media screen and (min-width: 1025px), print {
.boxesSidebarRight {
flex: 0 0 329px;
border-left: 1px dashed var(--wcfContentBorderInner);
padding-left: 15px;
}
}

Die 329px z.B. zu 400px ändern und dann an folgender Stelle

@media screen and (min-width: 1025px), print {
.sidebar.boxesSidebarRight .boxContainer {
width: 310px;
position: relative;
}
}

die width Festlegung entfernen.
Hätte deinen Code eingefügt, ich merk nix ^
 
Sitzt du nen Meter vor 48", oder warum erträgst du 4K in nativer Skalierung? ^^
90 cm vor 48 Zoll
:D


Fractional Scaling ist unter KDE nicht perfekt. Also 100 % für die beste Konturenschärfe bei Schriften. Im Browser dann auf 120 % Vergrößerung eingestellt. Mal zum Vergleich

Dieser Stil bei 120 % im Browser
grafik.webp

Der Pixelart-Stil bei gleicher Vergrößerung

grafik.webp
 
Brillen brauchen die, die die Desktopskalierung über 125 % stellen müssen
;)
Auch die sich nicht eingestehen können, dass bei 4K 100% alles klein ist und eigentlich so sein sollte aber man dann lieber die Schriftart größer macht, damit man sagen kann "Hey ich habe die Skalierung auf 100% Aber ich kann das super lesen
 
Mal ohne Witz: Bei UIs immer mit 100 % eigener Desktopskalierung arbeiten. Und dann bei Schriften als Basis heutzutage immer 16px nehmen, was dann entsprechend für alle anderen Element skaliert wird. Der Pixelart-Stil ist da schon recht gut bei der Schriftgröße.
 
Zurück
Oben Unten