XF 2.1 2.1.9 | Изменение баннера групы пользователя

[Yarik_007]

Доброго времени суток! дорогие пользователи форума, я хочу что бы мой форумный администратор, изменил пользователям баннер группы на картинки, он говорит что в версии 2.1.9 не возможно а то это очень новая версия, как можно добавить картинки с разными группами вместо обычных и скучных текстовых групп пользователя?
Пример:

 

[Skaiman]

я хочу что бы мой форумный администратор, изменил пользователям баннер группы

но он может и не хочет :)

он говорит что в версии 2.1.9 не возможно а то это очень новая версия

возможно и не очень новая версия :) вероятно просто то, что я выше написал

 

[Yarik_007]

но он может и не хочет :)

возможно и не очень новая версия :) вероятно просто то, что я выше написал

Ну.. сомневаюсь что он может что то сделать, разве что загружать меня работой над программированием игрового сервера.

 

[Yarik_007]

но он может и не хочет :)

возможно и не очень новая версия :) вероятно просто то, что я выше написал

Поможете мне? Я сам попробую сделать только объясните пожалуйста.

 

[Tommi]

Yarik_007, зачем вам такие отношения, если вы не можете наладить общение?

 

[Yarik_007]

Yarik_007, зачем вам такие отношения, если вы не можете наладить общение?

Та обращайте внимание он встал не с той ноги сегодня.

 

[Skaiman]

 

[Skaiman]

Исходя из размера изображения, делаем ширину постбита, для этого заходим в настройки стиля, Сообщения, Ширина блока информации о пользователе и ставим там размер соответствующий ширине картинки, в данном случае 170px.
В настройках группы, Текст баннера, пишем любое значение, хоть просто точку ставим, без названия баннер не будет отображаться, Стиль баннера отмечаем Другой, используя своё имя CSS-класса и добавляем:

userBannerImg userBanner--admin

В extra.less добавляем:

.userBannerImg {
    width: 170px;
    height: 90px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    &.userBanner--admin {
        background-image: url(https://i.imgur.com/JbEfH1W.png);
    }
}

где width: 170px - ширина картинки, height: 90px - высота картинки, можно пропорционально уменьшить отображение баннера, например, width: 140px; height: 73px;
ну и так далее для других групп

 

[Skaiman]

ну и так далее для других групп

поясню :) для других групп не надо весь код добавлять, только

    &.userBanner--admin {
        background-image: url(https://i.imgur.com/JbEfH1W.png);
    }

например:

.userBannerImg {
    width: 170px;
    height: 90px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    &.userBanner--admin {
        background-image: url(https://i.imgur.com/JbEfH1W.png);
    }
    &.userBanner--moder {
        background-image: url(ссылка на картинку);
    }  
}

значит для модератора другой класс CSS будет

userBannerImg userBanner--moder

 

[Yarik_007]

поясню :) для других групп не надо весь код добавлять, только

    &.userBanner--admin {
        background-image: url(https://i.imgur.com/JbEfH1W.png);
    }

например:

.userBannerImg {
    width: 170px;
    height: 90px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    &.userBanner--admin {
        background-image: url(https://i.imgur.com/JbEfH1W.png);
    }
    &.userBanner--moder {
        background-image: url(ссылка на картинку);
    } 
}

значит для модератора другой класс CSS будет

userBannerImg userBanner--moder

Огромное спасибо <3