Jump to content

Хочу стилизацию ника как на XenForo

Featured Replies

Всем привет, как сделать что бы у группы была данная стилизация никнейма? ips 4.7

image.png.ff9862bcccc86bfb3a4c7d088bd327d2.png

Спойлер

color:transparent;

background:linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%), linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%);text-shadow: 0px -1px 5px rgb(225, 98, 176);
-webkit-background-clip:text

 

Edited by RobinLopes

Link to comment
https://ipbmafia.ru/topic/24812-hochu-stilizaciyu-nika-kak-na-xenforo/
Share on other sites
23 минуты назад, RobinLopes сказал:

Всем привет, как сделать что бы у группы была данная стилизация никнейма? ips 4.7

image.png.ff9862bcccc86bfb3a4c7d088bd327d2.png

  Показать контент

color:transparent;

background:linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%), linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%);text-shadow: 0px -1px 5px rgb(225, 98, 176);
-webkit-background-clip:text

 

По поиску: https://ipbmafia.ru/topic/24560-novye-formatirovanie-grupp-krasivye-niki/#comment-182744

создать класс, добавить класс в редактор группы, например <span class"admin">...</span>, после добавить этот класс custom.css в редакторе темы, с указанными вами стилями. 

.admin {
  color:transparent;
  background:linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%), linear-gradient(130deg, #AA61CF 0%, #AA61CF 15%, orange 15%, orange 30%, yellow 30%, yellow 45%, #B754C2 45%, #B754C2 60%, #D54DC1 60%, #D54DC1 75%, pink 75%, pink 100%);
  text-shadow:0px -1px 5px rgb(225, 98, 176);
  -webkit-background-clip:text;
} 

 

<span style='font-weight: bold; background: linear-gradient(to right, #984444, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'></span>

 

Спасибо ребят! Очень благодарен за ваши ответы!

1 час назад, Anche сказал:
<span style='font-weight: bold; background: linear-gradient(to right, #984444, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'></span>

 

Уж прям, какой то очень мрачный вариант.

1 час назад, ryancoolround сказал:

Уж прям, какой то очень мрачный вариант.

Цвета выставлены рандомно.)

Меняете на свой вкус.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.