Как сделать баннер с иконкой на XF 2.3

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Всем привет. Вопросик в заголовке есть.

 

[Kanaki]

Всем привет. Вопросик в заголовке есть.

Здарова как житуха.

.userBanner.group::before {
    .m-faContent(@fa-var-icon)
        
}

не обязательно userBanner.group ставь для своих классов.
@fa-var-icon меняй на свою, например @fa-var-user

 

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Здарова как житуха.

.userBanner.group::before {
    .m-faContent(@fa-var-icon)
      
}

не обязательно userBanner.group ставь для своих классов.
@fa-var-icon меняй на свою, например @fa-var-user

Дарова, ща тестану.

Изменено.​

Да всё работает. Сейчас выложу готовый ответ.​

 

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

И такой вопрос как свой цвет банера настроить?

 

[JustAlex]

И такой вопрос как свой цвет банера настроить?

background-color:

 

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

background-color:

А градиентом можно?

background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);

 

[JustAlex]

А градиентом можно?

background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);

Yes

 

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

@JustAlex,

.userBanner.admin.userBanner--staff.admin {
background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);
}
.userBanner.admin::before {
    .m-faContent(@fa-var-user);
}

Что не так?

 

[JustAlex]

@JustAlex, Посмотреть вложение 20619

.userBanner.admin.userBanner--staff.admin {
background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);
}
.userBanner.admin::before {
    .m-faContent(@fa-var-user);
}

Что не так?

Так бы цвет баннера даёшь команде форума, а иконку администратору..
Если хочешь, чтобы этот код был для баннера команды форума, то должно быть так:

.userBanner.userBanner--staff {
background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);
}
.userBanner--staff::before {
    .m-faContent(@fa-var-user);
}

 

[🦅Seryw🦅]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

А если админу форума?

Так бы цвет баннера даёшь команде форума, а иконку администратору..
Если хочешь, чтобы этот код был для баннера команды форума, то должно быть так:

.userBanner.userBanner--staff {
background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);
}
.userBanner--staff::before {
    .m-faContent(@fa-var-user);
}

 

[JustAlex]

А если админу форума?

Ну я конечно не знаю твоей структуры баннеров, но типо того:

.userBanner--admin {
background: linear-gradient(15deg, #7b4aa1 15%, #6bc7a4 45%, #a6ad72 100%);
}
.userBanner--admin::before {
    .m-faContent(@fa-var-user);
}

И в нужной тебе группе пользователей пишешь в поле "Другой, использующий своё имя CSS-класса" - userBanner--admin