XF 2.0 Как сделать большие аватары?

Статус
В этой теме нельзя размещать новые ответы.

Fok3r

Проверенные
Сообщения
118
Реакции
43
Баллы
11,030
Доброго времени! подскажите пожалуйста как сделать большие аватары на форуме?
 
Что значит "большие аватары"? Увеличить их размер в сообщениях? Или в списке форумов? Или в списке тем?
 
Последнее редактирование:
Можно так. Добавьте код ниже в шаблон extra.less:
Код:
.avatar.avatar--m {
    width: 120px;
    height: 120px;
}
120px - ширина и высота аватары в пикселях. Но в стандартной теме это выглядит немного... странно.

Screenshot_1.png
 
Последнее редактирование:
Спасибо, но при этом, теряется качество аватара..
Именно. Дело в том, что xenForo нарезает загружаемую аватару на специальные размеры. Средний размер: 96x96 пикселей. Поэтому расширение аватары приводит к ухудшению качества.

К счастью, это можно исправить.

В шаблоне message_macros найдите строку:
HTML:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
и замените ее на
HTML:
<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />

Так вы заставляете форум загружать аватару более высокого качества.

Теперь опять в шаблоне extra.less замените предыдущий кусок кода на этот:
Less:
.message-avatar-wrapper .avatar.avatar--l {
    width: 120px;
    height: 120px;
}

Учтите, что теперь форум грузит картинки большего размера. Это не критично, но увеличит количество данных, загружаемых пользователями вашего форума.
 
Именно. Дело в том, что xenForo нарезает загружаемую аватару на специальные размеры. Средний размер: 96x96 пикселей. Поэтому расширение аватары приводит к ухудшению качества.

К счастью, это можно исправить.

В шаблоне message_macros найдите строку:
HTML:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
и замените ее на
HTML:
<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />

Так вы заставляете форум загружать аватару более высокого качества.

Теперь опять в шаблоне extra.less замените предыдущий кусок кода на этот:
Less:
.message-avatar-wrapper .avatar.avatar--l {
    width: 120px;
    height: 120px;
}

Учтите, что теперь форум грузит картинки большего размера. Это не критично, но увеличит количество данных, загружаемых пользователями вашего форума.
Спасибо! вопрос еще для нуждающих, знаю что спросят, аватары которые идут статичные при регистрации, первая буква никнейма, как её поправить?
 

Вложения

  • avatar2.JPG
    avatar2.JPG
    13.7 KB · Просмотры: 48
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу