Help > Forum > Temas e Aparência > Alterando a aparência dos avatares de letras

Alterando a aparência dos avatares de letras

Se um usuário não fez o upload de uma imagem de avatar, usamos uma letra avatar por padrão. A letra avatar usa a primeira letra do nome de usuário do usuário e uma cor consistente escolhida com base no nome de usuário. Normalmente usamos várias cores diferentes para os avatares, de modo que dois usuários com nomes de usuário que começam com a mesma letra ainda tenham dois avatares diferentes, pois pelo menos as cores serão diferentes. Esse mesmo usuário sempre terá a mesma cor de avatar. Essa estratégia garante que cada usuário tenha um avatar exclusivo, mesmo quando vários usuários têm nomes de usuário que começam com a mesma letra.

Você pode especificar seu próprio conjunto de cores para usar em vez de nossas próprias cores padrão e alterar outros aspectos da aparência dos avatares das letras seguindo as instruções abaixo:

  1. Faça login na sua conta do Website Toolbox.
  2. Clique no Integrar link no menu principal.
  3. Clique no HTML link.
  4. Insira o código a seguir na Código HTML da tag do chefe do fórum caixa de texto:

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

No código de exemplo acima, #f7b51b é a cor em HEX. Você pode obter a representação HEX de outras cores usando um seletor de cores.

Você também pode especificar várias cores usando uma lista de cores. Por exemplo, em vez de ['#f7b51b' [no código de exemplo acima, você pode usar ['#f7b51b', '#FFFFFF', '#000000'] para especificar 3 cores diferentes a serem usadas.

Cada uma das personalizações mostradas no código acima é opcional. Por exemplo, você pode simplesmente alterar as cores usadas nos avatares das letras e não a família da fonte, a cor do texto ou o tamanho da fonte excluindo essa parte do código.


If you still need help, please contact us.