Help

[dddevokay]

Здраствуйте можете помочь как сделать баннера как на этом форуме но мне нужен только эффект желательно с кодом который будет распрострнен только 1 баннер а не на все

 

[swag]

Здраствуйте можете помочь как сделать баннера как на этом форуме но мне нужен только эффект желательно с кодом который будет распрострнен только 1 баннер а не на все

подскажите какой код вам нужен

 

[dddevokay]

подскажите какой код вам нужен

На эффект баннера который на этом форуме

 

[dddevokay]

И как сделать радужный баннер

 

[Aleksandr]

В extra.less​

.userBannerLight {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}
.userBannerLight:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}
@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

Код баннера, если нужен​

.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

 

[dddevokay]

В extra.less​

.userBannerLight {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}
.userBannerLight:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}
@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

Код баннера, если нужен​

.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

Спасибо но он вроде на все баннера а не на 1

 

[Aleksandr]

Спасибо но он вроде на все баннера а не на 1

Да, так и есть. Я лишь как пример указал баннер 2-цветный

 

[dddevokay]

Да, так и есть. Я лишь как пример указал баннер 2-цветный

Спасибо

 

[swag]

В extra.less​

.userBannerLight {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}
.userBannerLight:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}
@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

Код баннера, если нужен​

.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

не робит чет

 

[dddevokay]

Есть css на радужный баннер как ник но баннер?

 

[swag]

Есть css на радужный баннер как ник но баннер?

Анимированный градиентный баннер.

Заходим в шаблон extra.less Вашего стиля. Вставляем код: .userBanner { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 65%; padding: 3px 6px; background-size: 600% 600%; animation: AnimBanner 10s ease infinite; &.userBanner--staff {...

pawno-help.ru