Cambiar la apariencia de los avatares de letras

Si un usuario no ha subido una imagen de avatar, utilizamos un avatar con una letra de forma predeterminada. El avatar de la letra usa la primera letra del nombre de usuario y un color uniforme elegido en función del nombre de usuario. Normalmente usamos varios colores diferentes para los avatares, de modo que dos usuarios que tienen nombres de usuario que comienzan con la misma letra seguirán teniendo dos avatares diferentes, ya que al menos los colores serán diferentes. Ese mismo usuario siempre tendrá el mismo color de avatar. Esta estrategia garantiza que cada usuario tenga un avatar único, incluso cuando varios usuarios tengan nombres de usuario que comiencen con la misma letra.

Puedes especificar tu propio conjunto de colores para usarlo en lugar de nuestros colores predeterminados y cambiar otros aspectos de la apariencia de los avatares con letras siguiendo las instrucciones que aparecen a continuación:

1. Inicia sesión en tu cuenta de Website Toolbox.
2. Haga clic en Integrar enlace en el menú principal.
3. Haga clic en HTML enlace.
4. Introduzca el siguiente código en el Código HTML de etiqueta principal del foro cuadro de texto:

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

5. Guardar los cambios.

En el código de ejemplo anterior, #f7b51b es el color en HEX. Puede obtener la representación HEX de otros colores mediante un selector de colores.

También puede especificar varios colores mediante una lista de colores. Por ejemplo, en lugar de ['#f7b51b' [en el código de ejemplo anterior, puedes usar ['#f7b51b', '#FFFFFF', '#000000'] para especificar los 3 colores diferentes que se van a utilizar.

Cada una de las personalizaciones que se muestran en el código anterior es opcional. Por ejemplo, puede cambiar los colores utilizados en los avatares de las letras y no la familia de fuentes, el color del texto o el tamaño de la fuente excluyendo esa parte del código.

If you still need help, please contact us.