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

[Mamashin]

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

Банальный пример не знания концепции стилей в 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 рецепт - у меня нет никаких проблем и конфликтов между никнеймами, баннерами и в принципе между группами.

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

 

[Mamashin]

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

 

[ryan x king]

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


дай фикс

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

 

[cort]

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

---

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

Посмотреть вложение 249974

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

 

[Caw3278]

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

---

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

---

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

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