04.03.2024, 16:33
|
|
Участник форума
Регистрация: 26.04.2021
Сообщений: 229
С нами:
2658560
Репутация:
83
|
|
На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам
Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "CSS-стиль для имени пользователя" вставляем следующий код:
1:
Код:
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
i:before
{
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
}
Далее заходим в extra.less, после вставляем следующий код:
ы:
Код:
@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}
И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле. |
|
|
17.03.2024, 23:16
|
|
Участник форума
Регистрация: 07.09.2022
Сообщений: 136
С нами:
1939619
Репутация:
33
|
|
а как выглядит?
|
|
|
|
18.03.2024, 14:25
|
|
Участник форума
Регистрация: 26.04.2021
Сообщений: 229
С нами:
2658560
Репутация:
83
|
|
Сообщение от Лера первоклассница
а как выглядит?
есть пример тут - forum.arizona-swag.com
|
|
|
|
18.03.2024, 14:38
|
|
Флудер
Регистрация: 08.11.2017
Сообщений: 4,787
С нами:
4480376
Репутация:
183
|
|
Сообщение от cute_filatov
есть пример тут - forum.arizona-swag.com
forum.arizona-swag.com
Видимо речь об этом
|
|
|
|
19.04.2024, 11:50
|
|
Познающий
Регистрация: 04.09.2022
Сообщений: 35
С нами:
1944305
Репутация:
13
|
|
Сообщение от cute_filatov
На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам
Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "CSS-стиль для имени пользователя" вставляем следующий код:
1:
Код:
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
i:before
{
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
}
Далее заходим в extra.less, после вставляем следующий код:
ы:
Код:
@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}
И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.
Еще есть обычный код который вставляется в роль css, но им мало уже кто пользуется.
|
|
|
|
22.08.2024, 20:53
|
|
Участник форума
Регистрация: 05.05.2021
Сообщений: 244
С нами:
2645089
Репутация:
33
|
|
Сообщение от cute_filatov
На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам
Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "CSS-стиль для имени пользователя" вставляем следующий код:
1:
Код:
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
i:before
{
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
}
Далее заходим в extra.less, после вставляем следующий код:
ы:
Код:
@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}
И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.
|
|
|
|
22.08.2024, 21:46
|
|
Участник форума
Регистрация: 26.04.2021
Сообщений: 229
С нами:
2658560
Репутация:
83
|
|
|
|
|
|
02.10.2024, 20:12
|
|
Новичок
Регистрация: 02.10.2024
Сообщений: 1
С нами:
850934
Репутация:
0
|
|
Сообщение от cute_filatov
На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам
Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "CSS-стиль для имени пользователя" вставляем следующий код:
1:
Код:
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
i:before
{
background
:
linear-gradient
(
to right
,
#f00
,
#ffa500
,
#ff0
,
#008000
,
#0ff
,
#00f
,
#ee82ee
)
;
background-size
:
400% 400%
;
-webkit-background-clip
:
text
;
-webkit-
:
transparent
;
font-weight
:
bold
;
line-height
:
25px
;
animation
:
AnimNic 6s ease infinite
;
}
Далее заходим в extra.less, после вставляем следующий код:
ы:
Код:
@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}
И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.
А что делать если в профили цвет ника стал черный?
|
|
|
|
26.12.2024, 17:16
|
|
Новичок
Регистрация: 28.10.2024
Сообщений: 2
С нами:
813900
Репутация:
1
|
|
Имба
|
|
|
|
04.02.2025, 15:27
|
|
Новичок
Регистрация: 04.02.2025
Сообщений: 1
С нами:
671219
Репутация:
1
|
|
Кому нужен фикс черного ника:
Код:
Код:
.memberHeader--withBanner .username {
text-shadow: none !important;
}
.memberTooltip--withBanner .username {
text-shadow: none !important;
}
Вставлять в extra.less!!!! |
|
|
|
|
 |
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Комбинированный вид
