XF 2.2 Как сделать такой баннер

[Castiel772]

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

 

[Skaiman]

а че дашь, если сделаю?

 

[Castiel772]

А че хочешь?)

а че дашь, если сделаю?

 

[ququnta]

Castiel772, про box-shadow что-то слышали?

 

[Castiel772]

Castiel772, про box-shadow что-то слышали?

Честно нет

 

[Skaiman]

про box-shadow что-то слышали?

там border. а не тень блока

 

[Castiel772]

там border. а не тень блока

можешь помочь та за просто так?)

 

[Skaiman]

можешь помочь та за просто так?)

пока нет времени, может позже придет вдохновение

 

[KRAVCHUK]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

 

[Splace]

А че хочешь?)

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

 

[Castiel772]

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

Дашь код пожалуйста? Что бы еще так с анимированным было

 

[Skaiman]

Что бы еще так с анимированным было

Они с анимацией. Продам 1000 рублей, в одни руки

 

[Castiel772]

А если без анимки код дашь?

 

[Skaiman]

не дам, по отдельности не продается :)

 

[Castiel772]

не дам, по отдельности не продается :)

Так мне не такое, а то что я скрин какой сделал и что бы все светилось, такой можешь дать?

 

[Skaiman]

Так мне не такое, а то что я скрин какой сделал и что бы все светилось, такой можешь дать?

не умею что б светилось, да и не буду время тратить

 

[Skaiman]

.m-userBannerVariation(@color) {
    color: @color;
    background: transparent;
    border-style: solid;
    border-color: @color;
    border-width: 2px;
    border-radius: 7px;
    text-shadow: 0px 0px 5px fade(@color, 80%);
    box-shadow: 0px 0px 5px 1px fade(@color, 60%);
}

.userBanner {
    font-size: 75%;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    padding: 6px 5px 4px;
    text-align: center;
    display: inline-block;
    position: relative;
    strong {
        font-weight: bold;
    }
    
    &.message-userBanner {
        margin: 7px 0;
    }

    &.userBanner--hidden {
        background: none;
        border: none;
        box-shadow: none;
        &:before {
            content: none;
        }
    }

    &.userBanner--staff,
    &.userBanner--primary {
        .m-userBannerVariation(@xf-linkColor);
    }

    &.userBanner--accent {
        .m-userBannerVariation(@xf-textColorAccentContent);
    }

    &.userBanner--red { .m-userBannerVariation(#d80000); }
    &.userBanner--green { .m-userBannerVariation(green); }
    &.userBanner--olive { .m-userBannerVariation(olive); }
    &.userBanner--lightGreen { .m-userBannerVariation(#2CC990); }
    &.userBanner--blue { .m-userBannerVariation(#0008e3); }
    &.userBanner--royalBlue { .m-userBannerVariation(royalblue); }
    &.userBanner--skyBlue { .m-userBannerVariation(#7cc3e0); }
    &.userBanner--gray { .m-userBannerVariation(gray); }
    &.userBanner--silver { .m-userBannerVariation(silver); }
    &.userBanner--yellow { .m-userBannerVariation(#FCB941); }
    &.userBanner--orange { .m-userBannerVariation(#F1654C); }
}

использовать выбор баннеров по дефолту

 

[Castiel772]

.m-userBannerVariation(@color) {
    color: @color;
    background: transparent;
    border-style: solid;
    border-color: @color;
    border-width: 2px;
    border-radius: 7px;
    text-shadow: 0px 0px 5px fade(@color, 80%);
    box-shadow: 0px 0px 5px 1px fade(@color, 60%);
}

.userBanner {
    font-size: 75%;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    padding: 6px 5px 4px;
    text-align: center;
    display: inline-block;
    position: relative;
    strong {
        font-weight: bold;
    }
   
    &.message-userBanner {
        margin: 7px 0;
    }

    &.userBanner--hidden {
        background: none;
        border: none;
        box-shadow: none;
        &:before {
            content: none;
        }
    }

    &.userBanner--staff,
    &.userBanner--primary {
        .m-userBannerVariation(@xf-linkColor);
    }

    &.userBanner--accent {
        .m-userBannerVariation(@xf-textColorAccentContent);
    }

    &.userBanner--red { .m-userBannerVariation(#d80000); }
    &.userBanner--green { .m-userBannerVariation(green); }
    &.userBanner--olive { .m-userBannerVariation(olive); }
    &.userBanner--lightGreen { .m-userBannerVariation(#2CC990); }
    &.userBanner--blue { .m-userBannerVariation(#0008e3); }
    &.userBanner--royalBlue { .m-userBannerVariation(royalblue); }
    &.userBanner--skyBlue { .m-userBannerVariation(#7cc3e0); }
    &.userBanner--gray { .m-userBannerVariation(gray); }
    &.userBanner--silver { .m-userBannerVariation(silver); }
    &.userBanner--yellow { .m-userBannerVariation(#FCB941); }
    &.userBanner--orange { .m-userBannerVariation(#F1654C); }
}

использовать выбор баннеров по дефолту
Посмотреть вложение 155367

В группу вписывать userBanner?

 

[Skaiman]

В группу вписывать userBanner?

использовать выбор баннеров по дефолту

я ж написал