Help > Forum > Thèmes et apparence > Modification de l'apparence des avatars de lettres

Modification de l'apparence des avatars de lettres

Si un utilisateur n'a pas téléchargé d'image d'avatar, nous utilisons un avatar en forme de lettre par défaut. La lettre avatar utilise la première lettre du nom d'utilisateur de l'utilisateur et une couleur cohérente choisie en fonction du nom d'utilisateur. Nous utilisons normalement différentes couleurs pour les avatars, de sorte que deux utilisateurs dont le nom d'utilisateur commence par la même lettre aient toujours deux avatars différents, car au moins les couleurs seront différentes. Ce même utilisateur aura toujours la même couleur d'avatar. Cette stratégie garantit que chaque utilisateur possède un avatar unique, même lorsque plusieurs utilisateurs ont des noms d'utilisateur commençant par la même lettre.

Vous pouvez spécifier votre propre jeu de couleurs à utiliser à la place de nos propres couleurs par défaut et modifier d'autres aspects de l'apparence des avatars de lettres en suivant les instructions ci-dessous :

  1. Connectez-vous à votre compte Website Toolbox.
  2. Cliquez sur Intégrer lien dans le menu principal.
  3. Cliquez sur HTML lien.
  4. Insérez le code suivant dans Code HTML de la balise d'en-tête du forum zone de texte :

    <script>
    wtbx.customLetterBackgroundColors = ['#f7b51b'];
    wtbx.customLetterFontFamily = 'Arial';
    wtbx.customLetterTextColor = '#FFF';
    wtbx.customLetterFontSize = '94';
    </script>
  5. Enregistrer les modifications.

Dans l'exemple de code ci-dessus, #f7b51b est la couleur en HEX. Vous pouvez obtenir la représentation HEX d'autres couleurs à l'aide d'un sélecteur de couleurs.

Vous pouvez également spécifier plusieurs couleurs à l'aide d'une liste de couleurs. Par exemple, au lieu de ['#f7b51b' [dans l'exemple de code ci-dessus, vous pouvez utiliser ['#f7b51b', '#FFFFFF', '#000000'] pour spécifier 3 couleurs différentes à utiliser.

Chacune des personnalisations présentées dans le code ci-dessus est facultative. Par exemple, vous pouvez simplement modifier les couleurs utilisées pour les avatars de lettres et non la famille de police, la couleur du texte ou la taille de police en excluant cette partie du code.


If you still need help, please contact us.