ANTICHAT

ANTICHAT (https://forum.antichat.xyz/index.php)
-   PHP (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   [XenForo] Радужный ник (https://forum.antichat.xyz/showthread.php?t=1504966)

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



Для начала, создаем группу пользователя (надеюсь умеете), либо используйте существующую.

В "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
а как выглядит?

cute_filatov 18.03.2024 14:25
Цитата:
Сообщение от Лера первоклассница

а как выглядит?
есть пример тут - forum.arizona-swag.com

AnWu 18.03.2024 14:38
Цитата:
Сообщение от cute_filatov

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

forum.arizona-swag.com


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

cute_filatov 17.04.2024 13:26
Цитата:
Сообщение от junior_l

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

Mamashin 18.04.2024 21:41
Цитата:
Сообщение от junior_l

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

cute_filatov 18.04.2024 21:42
Цитата:
Сообщение от Mamashin

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

Mamashin 18.04.2024 21:43
Цитата:
Сообщение от cute_filatov

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

cute_filatov 18.04.2024 21:44
Цитата:
Сообщение от Mamashin

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

Mamashin 18.04.2024 21:56
Цитата:
Сообщение от cute_filatov

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

Mamashin 18.04.2024 22:50
Цитата:
Сообщение от junior_l

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

Weshnovsky 19.04.2024 11:50
Цитата:
Сообщение от 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, но им мало уже кто пользуется.

Цитата:
Сообщение от Спойлер

color: #61be09;

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;

cute_filatov 19.04.2024 13:59
Цитата:
Сообщение от Mamashin

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

https://sun9-40.userapi.com/impg/1I3...eae&type=album

Mamashin 19.04.2024 14:49
Цитата:
Сообщение от cute_filatov

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

https://sun9-40.userapi.com/impg/1I3...eae&type=album
Если не зависит, тогда и проблем быть никаких не должно.

cute_filatov 19.04.2024 16:24
Цитата:
Сообщение от Mamashin

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

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

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 19.04.2024 16:30
Цитата:
Сообщение от cute_filatov

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

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

cute_filatov 19.04.2024 16:45
Цитата:
Сообщение от Mamashin

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

Mamashin 19.04.2024 16:54
Цитата:
Сообщение от cute_filatov

не было конфликтов, может потому что ты использовал нечто дефолтное аля text-shadow или color?
Не совсем понимаю, причём здесь
Код:
color
и как в твоей голове укладывается код, который сможет задать несколько цветов элементу через данное свойство, так же как не понимаю, каким образом ты приплёл сюда
Код:
text-shadow
. И как ты это всё совместил с имитацией RGB и обращением к WebKit?

Цитата:
Сообщение от cute_filatov

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

cute_filatov 20.04.2024 00:45
Цитата:
Сообщение от Mamashin

Не совсем понимаю, причём здесь
Код:
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=3d387 593bd3732b77d845816adcf353b" style="cursor: pointer;" title="DejiVpktCns.jpg">
https://sun9-34.userapi.com/impg/wQb...f9d&type=album

Mamashin 20.04.2024 02:13
Цитата:
Сообщение от cute_filatov

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

https://sun9-34.userapi.com/impg/wQb...f9d&type=album

ryan x king 29.07.2024 16:26
Цитата:
Сообщение от junior_l

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

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

cort 22.08.2024 20:53
Цитата:
Сообщение от 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%
;
}
}


И всё! Выдавайте группу которую использовали, и радужный ник появится у вас в профиле.
https://forum.antichat.xyz/attachments/28532463/

cute_filatov 22.08.2024 21:46
Цитата:
Сообщение от cort
позже обновлю

Caw3278 02.10.2024 20:12
Цитата:
Сообщение от 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%
;
}
}


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

Absa 26.12.2024 17:16
Имба

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

Код:





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


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

skym 25.04.2025 13:30
А где находится extra.less?

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

rqcy 20.05.2025 01:00
Мне на заметку


Время: 13:48