Help > Forum > Темы и внешний вид > Изменение внешнего вида буквенных аватаров

Изменение внешнего вида буквенных аватаров

Если пользователь еще не загрузил изображение аватара, по умолчанию мы используем буквенный аватар. Буквенный аватар использует первую букву имени пользователя и одинаковый цвет, выбранный в зависимости от имени пользователя. Обычно мы используем разные цвета для аватаров, поэтому у двух пользователей, имена которых начинаются с одной и той же буквы, все равно будут иметь два разных аватара, поскольку, по крайней мере, цвета будут разными. У одного и того же пользователя всегда будет аватар одного и того же цвета. Эта стратегия гарантирует, что каждый пользователь будет иметь уникальный аватар, даже если несколько пользователей имеют имена, начинающиеся с одной и той же буквы.

Вы можете указать свой собственный набор цветов вместо стандартных цветов и изменить другие аспекты внешнего вида буквенных аватаров, следуя приведенным ниже инструкциям:

  1. Войдите в свою учетную запись Website Toolbox.
  2. Нажмите на Интегрировать ссылка в главном меню.
  3. Нажмите на HTML ссылка.
  4. Вставьте следующий код в HTML-код тега заголовка форума текстовое поле:

    <script>
    wtbx.customLetterBackgroundColors = ['#f7b51b'];
    wtbx.customLetterFontFamily = 'Arial';
    wtbx.customLetterTextColor = '#FFF';
    wtbx.customLetterFontSize = '94';
    </script>
  5. Сохранить изменения.

В приведенном выше примере кода #f7b51b — это цвет в формате HEX. Вы можете получить представление других цветов в формате HEX с помощью палитры цветов.

Можно также указать несколько цветов, используя список цветов. Например, вместо ['#f7b51b' [в приведенном выше примере кода вы можете использовать ['#f7b51b', '#FFFFFF', '#000000'], чтобы указать 3 разных цвета, которые будут использоваться.

Каждая из настроек, показанных в приведенном выше коде, необязательна. Например, можно просто изменить цвета, используемые для аватаров букв, а не семейство шрифтов, цвет текста или размер шрифта, исключив эту часть кода.


If you still need help, please contact us.