XF 2.2 Как сделать цвет никнейма

[Westbrook]

Здравствуйте. Подскажите как настрой подобный css стиль группы пользователей как

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

 

[Tommi]

Требует вход/регистрацию

 

[Westbrook]

Изменил ссылку.

 

[pandolfomercer]

Westbrook отлично, что тебя именно интересует? Градиент ника или баннер сам ?

 

[Westbrook]

pandolfomercer, градиент ника

 

[pandolfomercer]

CSS для имени пользователя:

-webkit-animation: s-username 4s linear infinite;
-moz-animation: s-username 4s linear infinite;
-ms-animation: s-username 4s linear infinite;
-o-animation: s-username 4s linear infinite;
animation: s-username 4s linear infinite;
text-shadow: #ff1919 1px 1px 10px

extra.less

@-moz-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

@-webkit-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

 

[pandolfomercer]

Или по айди пользователя можно, в общем должен работать и тот и тот вариант :)
Просто добавить в extra.less

.username[data-user-id="1"] span {
    -webkit-animation: s-username 4s linear infinite;
    -moz-animation: s-username 4s linear infinite;
    -ms-animation: s-username 4s linear infinite;
    -o-animation: s-username 4s linear infinite;
    animation: s-username 4s linear infinite;
    text-shadow: #ff1919 1px 1px 10px
}

 

[pandolfomercer]

Да, скорее всего так даже будет поступить правильней, я просто не особо в этом.
Почему правильней?
Давайте все по новой.

Делаем по айди пользователя, добавляем в extra.less следующий код :

.username[data-user-id="1"] span {
    -webkit-animation: s-username 4s linear infinite;
    -moz-animation: s-username 4s linear infinite;
    -ms-animation: s-username 4s linear infinite;
    -o-animation: s-username 4s linear infinite;
    animation: s-username 4s linear infinite;
    text-shadow: #ff1919 1px 1px 10px
}

@-moz-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

@-webkit-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

CSS для имени пользователя :

font-weight: bold;
color: #ff0000;

 

[saeb]

pandolfomercer тронулся?

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

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

 

[pandolfomercer]

saeb мне пуфик

 

[Westbrook]

saeb, в данных мануалах не догнал как сделать именно моргающий стиль, переливающий да без проблем, а вот такой как я пример скинул не смог сделать.

 

[Djdkdjdos1]

Да, скорее всего так даже будет поступить правильней, я просто не особо в этом.
Почему правильней?
Давайте все по новой.

Делаем по айди пользователя, добавляем в extra.less следующий код :

.username[data-user-id="1"] span {
    -webkit-animation: s-username 4s linear infinite;
    -moz-animation: s-username 4s linear infinite;
    -ms-animation: s-username 4s linear infinite;
    -o-animation: s-username 4s linear infinite;
    animation: s-username 4s linear infinite;
    text-shadow: #ff1919 1px 1px 10px
}

@-moz-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

@-webkit-keyframes s-username {
    0% {
        color: #FF1919
    }

    15% {
        color: #0f0505
    }
}

CSS для имени пользователя :

font-weight: bold;
color: #ff0000;

Как сделать, чтобы было так у меня и ещё у 3 человек

 

[Westbrook]

Как сделать, чтобы было так у меня и ещё у 3 человек

Нужно указать дополнительно id пользователей которые вам нужны