[XenForo] Радужный ник

[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
;
}







https://media.discordapp.net/attachments/1146200001857458177/1214187787092500480/image.png?ex=65f8337e&is=65e5be7e&hm=8fc8e9d6ccac46609ae1cd74162d5222d0c592d53907198 909f73fecb5564917&=&format=webp&quality=lossless&width=807&height=669


​

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

ы:






@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}




​

И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.​

[Лера первоклассница]

а как выглядит?

[cute_filatov]

а как выглядит?


есть пример тут - forum.arizona-swag.com

[AnWu]

есть пример тут - forum.arizona-swag.com



Sid (https://www.blast.hk/redirect/aHR0cHM6Ly9mb3J1bS5hcml6b25hLXN3YWcuY29tL2luZGV4Ln BocD9tZW1iZXJzLzIyOTcv)

forum.arizona-swag.com


Видимо речь об этом

[cute_filatov]

а че делать если в профиле ник черный


нужен фикс, после выложу

[Mamashin]

ну и где фикс


В чём собственно проблема? Если ник темного цвета, возможно ты просто накосячил с CSS, поскольку "Радужный ник" это обычный CSS - рецепт с интернета, простым словом, это код, который как раз таки делает банальное переливание цветов на элементе(ник) посредством

linear-gradient


И по сути, никакой фикс тут не нужен, всё должно функционировать без проблем, поскольку это самый просто CSS

[cute_filatov]

В чём собственно проблема? Если ник темного цвета, возможно ты просто накосячил с CSS, поскольку "Радужный ник" это обычный CSS - рецепт с интернета, простым словом, это код, который как раз таки делает банальное переливание цветов на элементе(ник) посредством

linear-gradient


И по сути, никакой фикс тут не нужен, всё должно функционировать без проблем, поскольку это самый просто CSS


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

[Mamashin]

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


В чём собственно заключается твой "фикс"? Что именно ты фиксишь в данном случаи?

[cute_filatov]

В чём собственно заключается твой "фикс"? Что именно ты фиксишь в данном случаи?


при определенных условиях применяется другой код, который конфликтует с этим

[Mamashin]

при определенных условиях применяется другой код, который конфликтует с этим


Помнится, я имел дело с инжектом фристайла на CSS в XenForo, при этом посредством разных стилей, тем не менее каких либо конфликтов я не встречал.

[Mamashin]

не ломайте голову, скиньте просто новый код


Я не ломаю голову и у меня нету в данный момент под рукой развернутого форума на движке XenForo, тем не менее, проблем с использованием фристайл стилей быть не должно, как и конфликтов.

[Weshnovsky]

На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам

Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "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
;
}







https://media.discordapp.net/attachments/1146200001857458177/1214187787092500480/image.png?ex=65f8337e&is=65e5be7e&hm=8fc8e9d6ccac46609ae1cd74162d5222d0c592d53907198 909f73fecb5564917&=&format=webp&quality=lossless&width=807&height=669



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

ы:






@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}




И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.


Еще есть обычный код который вставляется в роль css, но им мало уже кто пользуется.



color: #61be09 (https://www.blast.hk/redirect/aHR0cHM6Ly92ay5jb20vaW0_c2VsPTYyNzcwNTgxNyZzdD0lMj M2MWJlMDk);

background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761 (https://www.blast.hk/redirect/aHR0cHM6Ly92ay5jb20vYXdheS5waHA_dG89aHR0cHMlM0ElMk YlMkZtZWRpYTMuZ2lwaHkuY29tJTJGbWVkaWElMkZ4VGh1V2Nh YTRVNFhaUURndm0lMkZnaXBoeS5naWYlM0ZjaWQlM0Q3OTBiNz YxJmNjX2tleT0)…&rid=giphy.gif);

color: transparent;

-webkit-background-clip: text;

background-clip: text;

[cute_filatov]

Помнится, я имел дело с инжектом фристайла на CSS в XenForo, при этом посредством разных стилей, тем не менее каких либо конфликтов я не встречал.


от стиля это не зависит, в любом стиле применяется другой код, когда пользователь ставит "баннер профиля"

https://sun9-40.userapi.com/impg/1I3GGpuH_6tLjdsezo75hMkgq5mZhJN5bpfFhQ/TtIGUhQCRqU.jpg?size=504x152&quality=96&sign=b1b540b5f5f0b5af3b2a31d5477f5eae&type=album

[Mamashin]

от стиля это не зависит, в любом стиле применяется другой код, когда пользователь ставит "баннер профиля"

https://sun9-40.userapi.com/impg/1I3GGpuH_6tLjdsezo75hMkgq5mZhJN5bpfFhQ/TtIGUhQCRqU.jpg?size=504x152&quality=96&sign=b1b540b5f5f0b5af3b2a31d5477f5eae&type=album


Если не зависит, тогда и проблем быть никаких не должно.

[cute_filatov]

Если не зависит, тогда и проблем быть никаких не должно.


банальный пример незнания хф, зачем лезть если не понимаешь ничего?

зашел на форум с другим стилем, здесь так же применяется другой код, когда у пользователя стоит баннер

image.pngcute_filatov · 19 Апр 2024 в 15:24' data-fancybox="lb-post-1485492" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.ibb.co%2FBrB5SYB%2 Fimage.png&hash=d2d066ab0e8f22ab2f19baf313b7a92f" style="cursor: pointer;" title="image.png">
https://i.ibb.co/BrB5SYB/image.png

[Mamashin]

банальный пример незнания хф, зачем лезть если не понимаешь ничего?
зашел на форум с другим стилем, здесь так же применяется другой код, когда у пользователя стоит баннер

https://i.ibb.co/BrB5SYB/image.png


Банальный пример не знания концепции стилей в XF как раз таки выступает - данная тема и понятие "фикс" для стилей(лол), я пояснил - что у меня не было проблем и каких либо конфликтов(?) между группами стилей ников и собственно баннеров.

[cute_filatov]

Банальный пример не знания концепции стилей в XF как раз таки выступает - данная тема и понятие "фикс" для стилей(лол), я пояснил - что у меня не было проблем и каких либо конфликтов(?) между группами стилей ников и собственно баннеров.


не было конфликтов, может потому что ты использовал нечто дефолтное аля text-shadow или color?

[Mamashin]

не было конфликтов, может потому что ты использовал нечто дефолтное аля text-shadow или color?


Не совсем понимаю, причём здесь

color

и как в твоей голове укладывается код, который сможет задать несколько цветов элементу через данное свойство, так же как не понимаю, каким образом ты приплёл сюда

text-shadow

. И как ты это всё совместил с имитацией RGB и обращением к WebKit?



не было конфликтов, может потому что ты использовал нечто дефолтное аля text-shadow или color?


Не знаю, может быть я не правильно понял локальную проблему, которая прям просит фикса, но использовав схожий CSS рецепт - у меня нет никаких проблем и конфликтов между никнеймами, баннерами и в принципе между группами.

[cute_filatov]

Не совсем понимаю, причём здесь

color

и как в твоей голове укладывается код, который сможет задать несколько цветов элементу через данное свойство, так же как не понимаю, каким образом ты приплёл сюда

text-shadow

. И как ты это всё совместил с имитацией RGB и обращением к WebKit?

Не знаю, может быть я не правильно понял локальную проблему, которая прям просит фикса, но использовав схожий CSS рецепт - у меня нет никаких проблем и конфликтов между никнеймами, баннерами и в принципе между группами.


нужно поставить баннер профиля, типо как шапка на ютубе

DejiVpktCns.jpgcute_filatov · 19 Апр 2024 в 23:45' data-fancybox="lb-post-1485701" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fsun9-34.userapi.com%2Fimpg%2FwQbyJ3-dFcFvXIPY152dfgyU7ezqkC689sQi2w%2FDejiVpktCns.jpg% 3Fsize%3D1717x388%26quality%3D96%26sign%3D88e0a3ef 01f61934c2f767bf1d44ef9d%26type%3Dalbum&hash=3d387593bd3732b77d845816adcf353b" style="cursor: pointer;" title="DejiVpktCns.jpg">
https://sun9-34.userapi.com/impg/wQbyJ3-dFcFvXIPY152dfgyU7ezqkC689sQi2w/DejiVpktCns.jpg?size=1717x388&quality=96&sign=88e0a3ef01f61934c2f767bf1d44ef9d&type=album

[Mamashin]

нужно поставить баннер профиля, типо как шапка на ютубе

https://sun9-34.userapi.com/impg/wQbyJ3-dFcFvXIPY152dfgyU7ezqkC689sQi2w/DejiVpktCns.jpg?size=1717x388&quality=96&sign=88e0a3ef01f61934c2f767bf1d44ef9d&type=album

[ryan x king]

скинь новый код с фиксом для радужного ника

дай фикс


он так и не дождался фикса(

[cort]

На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам

Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "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
;
}







https://media.discordapp.net/attachments/1146200001857458177/1214187787092500480/image.png?ex=65f8337e&is=65e5be7e&hm=8fc8e9d6ccac46609ae1cd74162d5222d0c592d53907198 909f73fecb5564917&=&format=webp&quality=lossless&width=807&height=669



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

ы:






@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}




И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.



https://forum.antichat.xyz/attachments/28532463/

[cute_filatov]

позже обновлю

[Caw3278]

На одном форуме увидел вопрос, где спрашивали как сделать радужный ник, поэтому показываю вам

Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.
В "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
;
}







https://media.discordapp.net/attachments/1146200001857458177/1214187787092500480/image.png?ex=65f8337e&is=65e5be7e&hm=8fc8e9d6ccac46609ae1cd74162d5222d0c592d53907198 909f73fecb5564917&=&format=webp&quality=lossless&width=807&height=669



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

ы:






@keyframes AnimNic
{
0%
{
background-position
:
0% 50%
;
}
50%
{
background-position
:
100% 50%
;
}
100%
{
background-position
:
0% 50%
;
}
}




И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.


А что делать если в профили цвет ника стал черный?

[Absa]

Имба

[arizonaplayer101]

Кому нужен фикс черного ника:

Код:






.memberHeader--withBanner .username {
text-shadow: none !important;
}
.memberTooltip--withBanner .username {
text-shadow: none !important;
}




Вставлять в extra.less!!!!

[skym]

А где находится extra.less?

Закинул код, все также, черный ник

[rqcy]

Мне на заметку