Benutzerbilder
Darstellung und Nutzung von Benutzer- bzw. Profilbildern.
Zuschneiden und Skalieren
Für eine durchgängige Darstellung sollen Benutzerbilder in ein einheitliches Endformat gebracht werden. Hierfür müssen Benutzerbilder, sofern diese nicht schon im Endformat vorliegen, auf das kleinstmögliche Maß proportional skaliert und im Anschluss beschnitten werden. Bilder dürfen dabei nicht gestaucht oder gestreckt werden. Für das Zuschneiden und Skalieren wird der Mittelpunkt des Bildes als Ausgangspunkt gewählt. Benutzerbilder werden vorzugsweise Rund dargestellt.
Avatar
Es stehen drei Standardgrößen .avatar-md .avatar-lg .avatar-xl zur Verfügung.
Je nach Einsatz kann eine individuelle Größe vergeben werden.
//Standard
//Benutzerdefinierte Größe
//Dropdown Menü
Größen
.avatar-md
Breite/Höhe 36px
Roboto 16px light / #ffffff / Transparenz 85%
Hover: shadow: 0 3px 8px 0 rgba(0,0,0,.17)
.avatar-lg
Breite/Höhe 48px
Roboto 21px light / #ffffff / Transparenz 85%
Hover: shadow 0 3px 8px 0 rgba(0,0,0,.17)
.avatar-xl
Breite/Höhe 64px
Roboto 28px light / #ffffff / Transparenz 85%
Hover: shadow 0 3px 8px 0 rgba(0,0,0,.17)
Initialen
Ist kein Benutzerbild vorhanden, wird aus den Anfangsbuchstaben des Vor- und Nachnamens ein Avatar mit Zufallsfarbe generiert.
Die Farbpalette kann beliebig erweitert werden.
Farben
#f44336
#E91E63
#9C27B0
#673AB7
#3F51B5
#2196F3
#03A9F4
#009688
#4CAF50
#8BC34A
#CDDC39
#4CAF50
#FFC107
#FF9800
#FF5722
#795548
#9E9E9E
#607D8B
Fallback
Wenn keine der oberen Varianten umzusetzen ist, wird ein einheitlicher Platzhalter verwedent.
