Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Переливающийся никнейм

Дек
308
23
Пользователь
Добрый день,как сделать чтоб никнейм переливался (радужным цветом/градиентом) для краски почетного пользователя
 
Дек
308
23
Пользователь
взять код , вписать в ехтра лесс , и в CSS Цвет группы пользователей.
Есть) в extra.less все коды для красок есть в нужную краску вписал нужный код без . В начале но не работает
 
Пришло время платить за грехи
Июл
639
655
Продавец
Добрый день,как сделать чтоб никнейм переливался (радужным цветом/градиентом) для краски почетного пользователя
OFFTOP

поиск существует. Миллион таких тем, а в интернете тем более

 
Фев
176
60
Активный
это вставляешь в extra.less
extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    animation: AnimBanner 10s ease infinite;
}

.userBanner.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
    }

.username--style"id" {
    color: darkred;
    font-weight: bold;
    text-shadow: #4b0082 1px 1px 10px;
    border-radius: 8px;
    background: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 100%;
    animation: gradientFlow 8s ease infinite;
}

@keyframes gradientFlow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
}



в "CSS для имени пользователя"
Код:
.username--style"id" {
}
(айди группы найди в адресной строке, она перед /edit)

p.s. в extra.less тоже поменяй id на свой
 
Последнее редактирование:
Фев
176
60
Активный
OFFTOP

ну либо делать так:



extra.less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    animation: AnimBanner 10s ease infinite;
}

.userBanner.super {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

в "CSS для имени пользователя"
css:
    color: darkred;
    font-weight: bold;
    text-shadow: #4b0082 1px 1px 10px;
    border-radius: 8px;
    background: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300% 100%;
    animation: gradientFlow 8s ease infinite;
 
Сверху