XF 2.2 Проблема с баннером

[Beks_Macalister]

Сделал кастомные баннеры со световым эффектом для своего форума, сделал всё необходимое, кроме одной. В профиле любого пользователя с баннером моих кодов, позиция группы пользователя стоит в левой стороне. Мне нужно сделать позицию группы по середине или же, как должно.

Использую стиль Uniform (Dark), но причём тут это. Могу скинуть код баннеров групп пользователей, если нужно.

 

[Jesus_Christ]

Попробуйте вставить в extra.less это в код с баннером:

background-position: center;

Но мне помогло вот это, просто вписать в extra.less

<center>код баннера</center>

 

[Bogdan9874]

OFFTOP

У меня в подвале какие-то звуки, не подскажите причину?

 

[Beks_Macalister]

Попробуйте вставить в extra.less это в код с баннером:

background-position: center;

Но мне помогло вот это, просто вписать в extra.less

<center>код баннера</center>

Ввел и этот код выше и этот внизу, страничка стала баганой, все баннеры стали не видны, а только текст, и исчезли все цветы.

Попробовал тут, изменить

display: block;

на

display: inline-block;

И в итоге баннеры групп были перемещены на сторону вместе с друг другом, но всё равно, думаю, лучше сделать их вниз друг друга. Поможете.

 

[Beks_Macalister]

Jesus_Christ, не подскажете, как правильно работать с вторым кодом подробно?

 

[Bogdan9874]

OFFTOP

К сожалению, у меня нет способностей экстрасенса. Если бы были, то помог бы.

 

[Jesus_Christ]

Можете скинуть ваши коды баннеров?

Jesus_Christ, не подскажете, как правильно работать с вторым кодом подробно?

 

[Beks_Macalister]

Можете скинуть ваши коды баннеров?

.userBannerLight, .userBanner--staff {
    padding: 0.5em 0.5em;
    width: 120px;
    border: 0;
    color: #fff;
    font-size: .7em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0.3em 0em;
    background-position: center;
}

 

[Jesus_Christ]

Дайте ТГ или ВК там обсудим.

 

[KeoFox]

Дайте ТГ или ВК там обсудим.

А здесь платные обсуждения что ли?
Обсуждайте в теме, может когда то такой же встретится с подобной проблемой, найдёт эту тему и получит решение.

Какой смысл и от тг или вк

 

[Jesus_Christ]

.userBannerLight, .userBanner--staff {
    padding: 0.5em 0.5em;
    width: 120px;
    border: 0;
    color: #fff;
    font-size: .7em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0.3em 0em;
    background-position: center;
}

Скиньте полный код.

 

[Beks_Macalister]

Скиньте полный код.

.userBannerLight, .userBanner--staff {
    padding: 0.5em 0.5em;
    width: 120px;
    border: 0;
    color: #fff;
    font-size: .7em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: list-item;
    overflow: hidden;
    margin: 0.3em 0em;
    background-position: center;
}

.userBannerLight.admin {
    background: #c62828;
}

.userBannerLight.web {
    background: #00695C;
}

.userBannerLight.user {
    background: #1565C0;
}

.userBannerLight.owner {
    background: linear-gradient(70deg, red, darkred);
}

.userBannerLight.staffp {
    background: linear-gradient(70deg, dodgerblue, mediumblue);
}

.userBanner.userBanner--staff {
    background: linear-gradient(70deg, teal, green);
}

.userBannerLight:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite;
}

@keyframes light {
    0% {
        left: -80%;
    }
    100% {
        left: 80%;
    }
}

 

[Beks_Macalister]

Всем привет. Нашёл решение, закройте тему. Также данная тема поможет тем, у кого такая же проблема.

В extra.less в код баннера необходимо указать размер баннера через margin:

margin: 10px 50px 10px;

"50 px" отвечает за вырезание размера.