Решено Как сделать вот такое

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
5 Янв 2025
Сообщения
247
Как можно сделать вот такую галочку как у них вопрос.
Вот ссылка
Скрин
+ Еще радужная роль
1000503699.jpg
1000503698.jpg
 
Последнее редактирование:
Решение
Так ладно сделаю норм тутор
в extra.less чтобы краска была радужная вставляй этот код

Less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    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)
}

В CSS группы пользователей вставляй

Less:
userBanner super

В CSS группы пользователей для радужного Ника вставляй
CSS:
background-image...
Заблокированный
Регистрация
14 Апр 2024
Сообщения
820
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Скачиваешь плагин [MMO] Verified Badge, в настройках плагина ставишь иконку far fa-badge-check
 
Заблокированный
Регистрация
14 Апр 2024
Сообщения
820
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
По поводу баннера. Если не ошибаюсь, в extra.less
CSS:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}
 
Профессионал
Регистрация
26 Окт 2024
Сообщения
1,121
По поводу баннера. Если не ошибаюсь, в extra.less
CSS:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255,255,255,0.4);
    background: linear-gradient(270deg, #04b, #bb0, #a00);
    background-size: 900% 900%
}
Он про почетку), вставь лесс super

А в CSS
CSS:
background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
font-weight: bold;
 
Заблокированный
Регистрация
14 Апр 2024
Сообщения
820
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Он про почетку), вставь лесс super

А в CSS
CSS:
background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
font-weight: bold;
Если и почетный пользователь, то
CSS:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    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)
}
 
Заблокированный
Регистрация
14 Апр 2024
Сообщения
820
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
а что за стиль форума?
Стандартный, просто немного модифицированный
 
Профессионал
Регистрация
26 Окт 2024
Сообщения
1,121
Так ладно сделаю норм тутор
в extra.less чтобы краска была радужная вставляй этот код

Less:
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 71%;
    border-radius: 1000px 450px 1000px 450px;
    padding: 5px 7px;
    background-size: 700% 700%;
    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)
}

В CSS группы пользователей вставляй

Less:
userBanner super

В CSS группы пользователей для радужного Ника вставляй
CSS:
background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
font-weight: bold;

А для галочки вставляй этот код
В лесс
Less:
.username i:before {
    font-weight: 500;
    content: "\f336";

Все хорошо будет
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху