Wie ändere ich das von quadratisch zu rund?
Entschuldigung, ich weiß nicht, wo ich das posten soll!
Ohne das Originalbild hier ist es schwer zu sagen. Avatare werden standardmäßig kreisförmig zugeschnitten. Das liegt wahrscheinlich entweder an der Anpassung dieser Website oder das Bild selbst hat einen transparenten Hintergrund.
Okay, dann geht es um die Anpassung ![]()
Ich weiß, es ist eine Weile her, seit dieses Thema das letzte Mal angesprochen wurde, aber ich dachte, ich füge hinzu, dass man den Grad der Rundung von Avataren in CSS mit der border-radius-Einstellung steuern kann (wir haben ihn bei 6px):
img.avatar {
border-radius: 6px;
}
Je höher die Zahl, desto runder die Ecken. Wenn man ihn auf 0 setzt, sind Avatare perfekt quadratisch. Ich glaube, 24px macht sie perfekt rund. Man kann also sehr granular steuern, wie Avatare aussehen sollen. Man kann quadratische Avatare so aussehen lassen, als wären sie alte Retro-Fernsehbildschirme. lol
Hinweis: Die Avatar-Rundung kann zwischen Desktop- und Mobilansichten etwas unterschiedlich aussehen, daher möchte man sie dort vielleicht separat steuern.
Es gibt auch eine Theme component, die sehr nützlich sein könnte - Avatar Size and Shape ![]()
Oh, cool, das habe ich nicht gesehen. Danke.