XF 2.2 Длинна баннера

[Skezeek]

Здравствуйте, как сделать баннер именно в длину (слева на право текст), везде перерыскал, не нашел чет(

 

[SoundMonster]

Посмотреть вложение 155009

Здравствуйте, как сделать баннер именно в длину (слева на право текст), везде перерыскал, не нашел чет(

Тебе рыскать в документации к CSS нужно

 

[Skezeek]

не могу найти, вот код, если нужен будет

.userBannerLight, .userBanner--staff {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 100%;
    border: none;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    &.creator {
        background: #ff0000;
    }
    &.admin {
        background: #ff0000;
    }
    &.specadm {
        background: #DC143C;
    }
    &.sponsor {
        background: #FFD700;
    }
    &.glavadm {
        background: #32CD32;
    }
    &.zamga {
        background: #7CFC00;
    }
    &.kurator {
        background: #800080;
    }
    &.manager {
        background: #FF00FF;
    }
    &.glavsled {
        background: #0000FF;
    }
    &.helpgs {
        background: #00FFFF;
    }
    &.legenda {
        background: #ff0000;
    }
    &.proveren {
        background: #008080;
    }
    &.adminserv {
        background: #BC8F8F;
    }
    &.leader {
        background: #7FFFD4;
    }
    &.user {
        background: #87CEEB;
    }
    &.guest {
        background: #FFFFFF;
    }
    &: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: -80%;
        width: 100%;
        height: 100%;
        animation: light 2.5s infinite;
    }
    .memberHeader-banners &, .memberTooltip-banners & {
        width: 120px;
    }
    @media (max-width: @xf-responsiveMedium) {
        .message:not(.message--forceColumns) .message-userBanner.userBanner& {     
            width: 120px;
            text-align: center;
        }
    }
}

 

[mushk4]

Насколько я понял, тебе требуется padding

Но посоветую как и SoundMonster открыть справочник CSS и с помощью поисковика искать нужные для тебя функции

 

[Skaiman]

Насколько я понял, тебе требуется padding

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

 

[Skezeek]

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

скинешь?