Как можно сделать корону как на картинке (в начале ника)

как сделать такую корону в начале ника

 

@bobobo, может тебе начать давать уроки по XF?

 

@Aleksandr, я эту xf уже наверное уже всю перелопатил.

 

@bobobo, настолько подробно расписал, я думаю тут точно тебя поймут наверное

 

@bobobo, а как посмотреть ид других групп пользователей

 

@shoxa, переходишь в список групп пользователей /admin.php?user-groups/
Наводишься на название группы, и в ссылке внизу экрана покажется его id в конце ссылки.

Как видишь, у редактора id 15

 

@bobobo, а с телефона никак?

 

@shoxa, ну открой группу, в ссылке будет id.

 

спасибо большое, у меня ещё два вопроса.
1. Как сделать значок полужирным.
2. Как сделать чтобы значок крутился при нажатие ника.


вот какой сейчас

 

@shoxa, зачем пытаться делать свой сайт, если тебе на 3 страницы объяснили и ты все равно не понял

 

@baranka1812, м, не у тебя же прошу помощи, прошу у администратора форума

 

@baranka1812,

Реально интересный вопрос

offtop

 

@shoxa, это тут причем? делать сайт без знаний, это что-то на уровне пытаться поднять 100кг на бицепс без подготовки

 

@baranka1812, этот раздел помощь по xf или опрос пользователей?

 

@shoxa, я опрашиваю пользователей сайта??? нет.

 

@bobobo
спасибо большое, у меня ещё один вопрос.
1. Как сделать чтобы значок крутился при нажатие ника.

 

@shoxa,

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.username--style3:before {
    content: "\f521";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    font-weight: 900;
    transition: transform 0.3s ease;
}

.username--style3:active:before {
    animation: rotate 0.5s linear;
}

Я не буду помогать тебе с обработкой нажатия.

 

Случайно наткнулся на тему пока искал нечто подобное.

Вот пример кода для отображения именно пикчи перед ником, может кому будет полезно:

.username--admin::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(https://.../icon.png);
    background-size: cover;
    margin-right: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
}

 

Добрый вечер можете помочь, как зделать как тут на форуме OFFTOP, к примеру одоброено, на модерации

 

@rustick, через дополнительные поля