XF 2.2 Не отображаются кастомные баннеры.

Версия XenForo
2.2.13

Raydex

Участники
Сообщения
20
Решения
1
Реакции
3
Баллы
18
Добрый день. Использую XenForo 2.2.13. Столкнулся с проблемой того, что никакие кастомные баннеры - любой код, любая картинка - ничего не отображается. Сейчас пытаюсь сделать через картинку, используя PNG.

extra.less:
.raydBanner {
width: 150px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
display: inline-flex;
&.own {
background: url(/styles/images/owner.png);
}
&.ga {
background: url(/styles/images/ga.png);
}
&.admin {
background: url(/styles/images/admin.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}
&.cur {
background: url(/styles/images/cur.png);
}
&.direct {
background: url(styles/images/direct.png);
}
&.zamkurator {
background: url(/styles/images/zamkur.png);
}
&.forumadmin {
background: url(/styles/forumadm.png);
}
&.moder {
background: url(/styles/images/moder.png);
}
&.moderforum {
background: url (/styles/images/moderforum.png)
}
&.stmoder {
background: url (/styles/images/stmoder.png)
}
&.manager {
background: url (/styles/images/manager.png);
&.specialist {
background: url (/styles/images/specialist.png);
}
&.glavatp {
background: url (/styles/images/glavatp.png);
}
&.glavads {
background: url (/styles/images/glavads.png);
}
&.curatords {
background: url (/styles/images/curatords.png);
}
&.mladmin {
background: url (/styles/images/mladmin.png);
}
&.dev {
background: url (/styles/images/dev.png);
}
&.user {
background: url(styles/inafes/user.png);
 
Решение
Попробуйте этот вариант, убрав лишние свойства css, должно помочь:
Код:
.userBanner {
    font-style: normal;
    font-size: 75%;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 20px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
}
.userBanner.userBanner-- {
    &staff {
        color: #fff;
        background: #544d50;
        border-color: #ff0c0c;
        border-color: transparent;
    }
    &admin {
        color: #fff;
        background: #d80000;
        border-color: #ff0c0c;
        border-color: transparent;
    }...
Попробуйте этот вариант, убрав лишние свойства css, должно помочь:
Код:
.userBanner {
    font-style: normal;
    font-size: 75%;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px 3px 3px;
    border: 1px solid transparent;
    border-radius: 20px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
}
.userBanner.userBanner-- {
    &staff {
        color: #fff;
        background: #544d50;
        border-color: #ff0c0c;
        border-color: transparent;
    }
    &admin {
        color: #fff;
        background: #d80000;
        border-color: #ff0c0c;
        border-color: transparent;
    }
    &modertator {
        color: #fff;
        background: #b50036;
        border-color: #ff0c0c;
        border-color: transparent;
    }
}

Вариант с изображением:
Код:
.userBanner {
    padding: 5px;
    border: none;
    height: 40px;
    width: 149px;
    text-indent: -9999px; // скрытие текста названия звания
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}
.userBanner.userBanner-- {
    &staff {
        background: url("./banners2/forumcommand.svg") no-repeat;
    }
    &admin {
        background: url("./banners2/redadmin2.svg") no-repeat;
    }
}

В настройках групп пользователей /аdmin.php?user-groups/ оформите по своему вкусу:
1706893905501.png
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу