Help

Help > Forum > Temas y Apariencia > Cambiar la apariencia de los avatares de letras

Cambiar la apariencia de los avatares de letras

Si un usuario no ha subido una imagen de avatar, utilizamos un avatar con letras de forma predeterminada. El avatar con letras usa la primera letra del nombre de usuario del usuario y un color uniforme que se elige en función del nombre de usuario. Normalmente utilizamos 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 por la misma letra.

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

  1. Inicie sesión en su cuenta de Website Toolbox.
  2. Haga clic en el Integrar enlace en el menú principal.
  3. Haga clic en el Código personalizado enlace.
  4. Inserte el siguiente código en el Código HTML de la 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. Puedes obtener la representación HEX de otros colores usando un selector de color.

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 3 colores diferentes.

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


If you still need help, please contact us.