Help

Help > Forum > Designs und Erscheinungsbild > Das Aussehen von Buchstaben-Avataren ändern

Das Aussehen von Buchstaben-Avataren ändern

Wenn ein Benutzer kein Avatarbild hochgeladen hat, verwenden wir standardmäßig einen Buchstaben-Avatar. Der Buchstaben-Avatar verwendet den ersten Buchstaben des Benutzernamens und eine konsistente Farbe, die auf der Grundlage des Benutzernamens ausgewählt wird. Normalerweise verwenden wir verschiedene Farben für die Avatare, sodass zwei Benutzer, die beide Benutzernamen haben, die mit demselben Buchstaben beginnen, immer noch zwei verschiedene Avatare haben, da zumindest die Farben unterschiedlich sind. Derselbe Benutzer wird immer den gleichen Farb-Avatar haben. Diese Strategie stellt sicher, dass jeder Benutzer einen eindeutigen Avatar hat, auch wenn mehrere Benutzer Benutzernamen haben, die mit demselben Buchstaben beginnen.

Sie können Ihre eigenen Farben angeben, die anstelle unserer eigenen Standardfarben verwendet werden sollen, und andere Aspekte des Aussehens der Buchstaben-Avatare ändern, indem Sie die folgenden Anweisungen befolgen:

  1. Loggen Sie sich in Ihr Website Toolbox-Konto ein.
  2. Klicken Sie auf Integrieren Link im Hauptmenü.
  3. Klicken Sie auf Benutzerdefinierter Code Link.
  4. Fügen Sie den folgenden Code in das HTML-Code für Forenüberschrift Textfeld:

    <script>
    wtbx.customLetterBackgroundColors = ['#f7b51b'];
    wtbx.customLetterFontFamily = 'Arial';
    wtbx.customLetterTextColor = '#FFF';
    wtbx.customLetterFontSize = '94';
    </script>
  5. Speichern die Änderungen.

Im obigen Beispielcode ist #f7b51b die Farbe in HEX. Sie können die HEX-Darstellung anderer Farben mit einem Farbwähler.

Sie können auch mehrere Farben angeben, indem Sie eine Liste von Farben verwenden. Beispielsweise könnten Sie anstelle von ['#f7b51b' [im obigen Beispielcode ['#f7b51b', '#FFFFFF', '#000000'] verwenden, um 3 verschiedene Farben anzugeben, die verwendet werden sollen.

Jede der im obigen Code gezeigten Anpassungen ist optional. Beispielsweise könnten Sie einfach die Farben ändern, die für die Buchstaben-Avatare verwendet werden, und nicht die Schriftfamilie, die Textfarbe oder die Schriftgröße, indem Sie diesen Teil des Codes ausschließen.


If you still need help, please contact us.