Modifica dell'aspetto degli avatar con lettere

Se un utente non ha caricato un'immagine per l'avatar, per impostazione predefinita utilizziamo un avatar a forma di lettera. L'avatar della lettera utilizza la prima lettera del nome utente dell'utente e un colore coerente scelto in base al nome utente. Normalmente utilizziamo vari colori diversi per gli avatar in modo che due utenti che hanno entrambi nomi utente che iniziano con la stessa lettera abbiano comunque due avatar diversi poiché almeno i colori saranno diversi. Lo stesso utente avrà sempre lo stesso avatar a colori. Questa strategia garantisce che ogni utente abbia un avatar univoco anche quando più utenti hanno nomi utente che iniziano con la stessa lettera.

Puoi specificare il tuo set di colori da utilizzare al posto dei nostri colori predefiniti e modificare altri aspetti dell'aspetto degli avatar delle lettere seguendo le istruzioni seguenti:

1. Accedi al tuo account Website Toolbox.
2. Fai clic sul Integra link nel menu principale.
3. Fai clic sul HTML collegamento.
4. Inserisci il codice seguente nel Codice HTML del tag principale del forum casella di testo:

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

5. Salva le modifiche.

Nel codice di esempio precedente, #f7b51b è il colore in ESADECIMALE. È possibile ottenere la rappresentazione ESADECIMALE di altri colori utilizzando un selettore di colori.

È inoltre possibile specificare più colori utilizzando un elenco di colori. Ad esempio, invece di ['#f7b51b' [nel codice di esempio precedente, puoi usare ['#f7b51b', '#FFFFFF', '#000000'] per specificare 3 colori diversi da utilizzare.

Ciascuna delle personalizzazioni mostrate nel codice precedente è facoltativa. Ad esempio, puoi semplicemente cambiare i colori usati per gli avatar delle lettere e non la famiglia di caratteri, il colore del testo o la dimensione del carattere escludendo quella parte del codice.

If you still need help, please contact us.