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

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

 

Плагин[XF] Verification Badge
Иконка "far fa-crown", цвет иконки можно настроить в настройках стиля в группе [HA] Verification Badge

Я надеюсь, что это считается решением

offtop

 

@Aleksandr, Verification Badge это про галочку ж.

 

@Black_Dragon, в том то и дело, там есть настройка иконки и её положения

 

Пока это единственный плагин, который пришел мне в голову

 

Ну, говорят что можно через коды, в extra.less

 

@shoxa, да, можно, но удобнее будет использовать плагин. Решение за тобой

 

@shoxa,

.название стиля ника:before {
  content: "\f521";
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  font-weight: 900;
}

.название стиля ника замени на своё свойство
Ну и подшамань под твой стиль

 

спасибо

сейчас загружу, посмотрю


Мой код:

.ga:before {
content: "\f521";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

 

@shoxa, так, и что?

 

@bobobo, в начале ника нет короны, корона добавляется в начале краски

 

краски... пздц... это название группы, не?

Чтобы у тебя заработало в нике, тебе нужно вот это вставить:

.username--admin:before {
content: "\f521";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
}

 

@shoxa, ты что не можешь код элемента открыть и посмотреть какое свойство у тебя у ника используется?
тебе сюда: https://black-minecraft.com/threads/prosmotr-koda-ehlementa-na-sajte-dlja-pupsikov.7193/

 

@bobobo, что в css-класс вписать?

 

@shoxa, глаза открой

 

@bobobo, если я просто ga пишу не чего не происходит

 

@shoxa, пупсик, глаза разуй. я тебе уже готовый код дал. Какой на###й ga?

 

@bobobo, я тоже не про extra.less а про css-класс, ниже прикреплю скриншот.

 

@shoxa, Я ТЕБЕ УЖЕ ГОТОВЫЙ CSS КОД ДАЛ.
ПРИЧЁМ ТУТ GA ТВОЙ?
ТЫ ВИДИШЬ ВООБЩЕ ЧТО ПИШЕТСЯ К КАКОМУ ОНО ОТНОСИТСЯ?
ЭТО ДЛЯ СТИЛЯ БАННЕРА.
ПРИЧЁМ ТУТ СТИЛЬ НИКА?
ЕСЛИ ПОСЛЕ ПРОЧТЕНИЯ НЕ ПОНЯЛ, ПРОЧТИ ЕЩЁ РАЗ.

 

Какая интересная дискуссия...

offtop

 

Нет, если не понятно конечно пусть пишет. Просто я не знаю как ещё объяснить.

 

Оказалось, что плагином было бы проще

offtop

 

@bobobo, смотри, я ничего не понял, я твой код в extra.less вставил, дальше ничего не случилось.

 

после того как наорал, я больше не писал, знал что бесполезно.

 

@shoxa, давай начнём с азов.
есть два варианта:

1. Ник пользователя
2. Баннер пользователя

Вот что и куда в настройках группы схематически.


То что ты задаёшь ga в настройке Стиль баннер, будет только на баннере.

Что такое баннер и ник?​

Ты должен понимать это.
Указывая ga, ты настраиваешь только баннер, но не ник пользователя.

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


Обрати внимание на первое свойство на скриншоте:
.username--style3
3 на конце говорит о свойстве группы с ID 3.
То есть у каждой группы пользователя есть свой id. Он используется в конце свойства css при выводе.

По дефолту:​

.username--style1 - гость
.username--style2 - зарегистрированный (юзер обычный)
.username--style3 - админ
.username--style4 - модератор

Главное, они будут доступны только когда ты вставишь код в стиль ника в настройках группы.

Без кода css в CSS-стиль для имени пользователя свойства описанные выше не появятся​

То есть чтобы настроить стиль ника для админа, ты должен использовать свойство .username--style3

Вот это ты должен указать в настройке стиля ника группы админа:​

    margin-right: 5px;
    background: #FF0000;
    color: white; text-align:center;
    font-size: 13px;
    font-weight: 500;
    border-radius: 10px 0px 10px 0px;
    padding: 4px;
    border: none;

Вот это в extra.less:​

.username--style3:before {
    content: "\f521";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

его вставь в extra.less

Получится вот так:


Если ты хочешь чтобы было как на твоём первом сообщении, то вот этот код:
В настройках стиля пишешь вот этот код:

    margin-right: 5px;
    color: #fcfe2a;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    border-radius: 10px 0px 10px 0px;
    padding: 4px;
    border: none;

В extra.less тот же код остаётся:​

.username--style3:before {
    content: "\f521";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}