Баннеры групп хелп

[Twiz43]

Как поднять текст выше?

 

[Tokio Fendi]

Как поднять текст выше?Посмотреть вложение 2923

Текста не возможно поднять
Можно только баннера поднять или настроить

 

[Tokio Fendi]

Как поднять текст выше?Посмотреть вложение 2923

Ну можно текста поднять ток надо там с нуля сделать баннер и сделать как захочешь

 

[Kaito Sakurajima]

text-align: center;

вроде, не точно

 

[karinochkau]

использовать нормальный код баннера, САМОЕ ЛУЧШЕЕ И АДЕКВАТНОЕ РЕШЕНИЕ !!!

Спойлер: Екстра Лесс

.fontMontserrat(@fweight) {
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: @fweight;
        src: local(''),
            url('/styles/fonts/custom/montserrat-v21-latin_cyrillic-@{fweight}.woff2') format('woff2'),
            url('/styles/fonts/custom/montserrat-v21-latin_cyrillic-@{fweight}.woff') format('woff');
    }
}
.fontMontserrat(400);
.fontMontserrat(500);
.fontMontserrat(600);
.fontMontserrat(700);

.svg-userBannerVariation(@color; @bg; @icon: 'user') {
    color: @color;
    background-color: @bg;
    border: none;
    .userBanner-before {
        &:before {
            .m-faBase();
            .m-faContent('@{fa-var-@{icon}}');
            background: linear-gradient(to top, rgba(0,0,0,.8) 10%, rgba(0,0,0,.3) 100%);
            padding: 3px;
            border-radius: 50%;
            color: @bg;
            width: 1.4em;
        }
    }
}

@strongTextShadow:  1px 0 1px  rgba(0,0,0,.5),
                    0 1px 1px  rgba(0,0,0,.5),
                    -1px 0 1px rgba(0,0,0,.5),
                    0 -1px 1px rgba(0,0,0,.5);

.gradientUserBanner(@start: transparent, @end: transparent, @position: right) {
    background-image: linear-gradient(to @position, @start 0%, @end 100%); 
}

.userBanner {
    font-style: normal;
    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;
    strong {
        font-size: 75%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        padding-left: 3px;
        line-height: .95;
        text-shadow: @strongTextShadow;
    }
    .message-userBanner& {
        display: flex;
    } 
}

@media (max-width: @xf-responsiveMedium) {
    .message:not(.message--forceColumns) .message-userTitle,
    .message:not(.message--forceColumns) .message-userBanner.userBanner {
        display: inline-flex;
    }
}

.userBanner.userBanner-- {
    &staff {
        .svg-userBannerVariation(#fff, #5c97bf, 'user-cog');
        .gradientUserBanner();
    }
    &admin {
        .svg-userBannerVariation(#fff, #d80000, 'user-crown');
        .gradientUserBanner(); 
    }
    &moder {
        .svg-userBannerVariation(#fff, #019875, 'user-shield');
        .gradientUserBanner();
    } 
    &newmember {
        .svg-userBannerVariation(#fff, #6c7a89);
        .gradientUserBanner();
    }
    &verified {
        .svg-userBannerVariation(#fff, #446cb3, 'user-check');
        .gradientUserBanner();
    }
    &premium {
        .svg-userBannerVariation(#fff, #f89406, 'user-plus');
        .gradientUserBanner();
    }
    &banned {
        .svg-userBannerVariation(#fff, #9a12b3, 'user-times');
        .gradientUserBanner();
    }
}

Код в настройках группы (другой, использующий свое имя ксс класса): userBanner userBanner--admin

И с этим кодом, у тебя будут красивые, круглые баннера, с нормальным шрифтом, а главное "ТЕКСТ ВЫШЕ".

 

[whg22211]

кст выше?

 

[Maloy Ray]

А другие баннера не судьба делать?, на Pawno много разных видов, поищи

 

[Ballistik]

Текста не возможно поднять
Можно только баннера поднять или настроить

В css это делается, можно поднять, легче картинкой