XF 2.0 Аватар FontAwesome

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

25517

Проверенные
Сообщения
1,755
Решения
29
Реакции
4,276
Баллы
3,835
Захотелось мне изменить стандартный текстовый аватар пользователя на иконку FontAwesome, как это можно сделать?:)
IMG_20180806_155837_431.jpg
 
Последнее редактирование:
Решение
Не вижу трудностей.
Less:
.avatar {
    &.avatar--default{
        &.avatar--default--dynamic {
            [class^="avatar-"] {
                text-indent: -9999px;
                position: relative;
                font-family: FontAwesome;

                &:before {
                    content: "\f296";
                }
            }
        }
    }
}
Только повторюсь, нужно допиливать для нормальной работы по всему форуму.
1533561657796.png
Как бы font awesome, это текст и если для аватаров указать его, то в поле текста по умолчанию можно вставить html код иконки, взять его можно здесь
 
Вот теперь другое дело, писать дополнение, если хотите генерацию на основе чего-то, а так можно вот так.
Less:
.avatar {
    &.avatar--default{
        &.avatar--default--dynamic {
            .avatar-u24-m {
                text-indent: -9999px;
                position: relative;
                font-family: FontAwesome;

                &:before {
                    content: "\f296";
                }
            }
        }
    }
}
Где - avatar-u24-m - 24 это ид пользователя.
1533561214154.png

Правда ещё допиливать нужно...
 
Не вижу трудностей.
Less:
.avatar {
    &.avatar--default{
        &.avatar--default--dynamic {
            [class^="avatar-"] {
                text-indent: -9999px;
                position: relative;
                font-family: FontAwesome;

                &:before {
                    content: "\f296";
                }
            }
        }
    }
}
Только повторюсь, нужно допиливать для нормальной работы по всему форуму.
1533561657796.png
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу