Etwas Makeup für die Avatare

12.07.2020 19:20 (zuletzt bearbeitet: 12.07.2020 19:42)
#1 Etwas Makeup für die Avatare
avatar
Mitglied

Im neuen Responsive-Template V6 werden ausschließlich runde Avatare-Darstellungen genutzt.
Sehr gut für Portraits und quadratische Bilder!

Bisher:

  • Bilder mit unterschiedlicher Breite und Höhe kommen hier nicht gut weg!
  • Auch die Buchstaben vom Gäste-Avatar, in Beiträgen und im User-Profil, rutschen aus der Mitte und sind recht klein!



Vorschlag:
Etwas Makeup für die Avatare!
So könnte es aussehen.


Oder optional rechteckig:





Eintrag in "Admin > Layout > Farben & Einstellungen > CSS / SCSS > CSS / SCSS Addon"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
.avatar_round_small,.avatar_round_auto{
object-fit: contain;
border-radius: 50%;
 
/* Eckiges Design */
/* border-radius: 10px; */
}
 
img.avatar_round_small,img.avatar_round_auto{
padding:3px;
}
 
.userimage span.avatar_round_auto{
padding-top:30px !important;
text-shadow: 0 -1px #dddddd, 1px 0 #dddddd, 0 1px #dddddd, -1px 0 #dddddd;
}
 
.image_container .ava_guest{
font-size:30px;
font-weight:bold;
padding:10px 5px 5px 5px;
text-shadow: 0 -1px #dddddd, 1px 0 #dddddd, 0 1px #dddddd, -1px 0 #dddddd;
}
 



Gruß
Wolfgang


Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!