Исходник [XenForo] Радужный ник

[cute_filatov]

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

---

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

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

​

---

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

 

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

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

 

[cute_filatov]

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

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

 

[AnWu]

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

Sid

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-стиль для имени пользователя" вставляем следующий код:

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]

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

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

 

[Mamashin]

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

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

 

[cute_filatov]

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

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