XF 2.0 Как сделать иконку рядом с ником

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

ZveeeeR

Проверенные
Сообщения
187
Реакции
31
Баллы
1,730
Встречал на первую версию плагин который позволяет добавлять иконки SVG по id возле ника пользователя, реально ли такое прописать в версию 2?
 
К примеру, я делал так. Для начала надо найти картинки в SVG формате, много есть здесь , потом из этих картинок делал кастомный шрифт здесь , мне там больше нравится :) но можно и здесь . Потом подключал шрифт на форум и
Код:
.username {
    &[data-user-id="2"] {
        span {
            &:before {
                font-family: 'my-font';
                font-weight: normal;
                content: "\e902";
            }
        }
    }   
}
 
или так
Less:
.svg-logo-font() {
    font-family: 'svg-logo';
    font-weight: normal;
}

.username {
    &[data-user-id="19198"] {
        span {
            color: rgb(38,50,56);
            &:before {
                .svg-logo-font();
                content: "\e900";
            }
        }
    }
    &[data-user-id="2"] {
        span {
            &:before {
                .svg-logo-font();
                content: "\e902";
            }
        }
    }   
}
там для первого пользователя изменен цвет ника персонально

Я думал над реализацией подобного, только пользователь где нестандартное звание будет выбирать сам иконку font awesome
FA не дает развороту фантазии :) кастомный шрифт можно сделать интереснее, ну а реализация самовыбора, интересна, только как бы убедился, что мало кому можно давать самому что то добавлять :) хаос начнется
 
Последнее редактирование модератором:
К примеру, я делал так. Для начала надо найти картинки в SVG формате, много есть здесь , потом из этих картинок делал кастомный шрифт здесь , мне там больше нравится :) но можно и здесь . Потом подключал шрифт на форум и
Код:
.username {
    &[data-user-id="2"] {
        span {
            &:before {
                font-family: 'my-font';
                font-weight: normal;
                content: "\e902";
            }
        }
    }  
}

Спасибо большое!
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу