Jump to content

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

RobinLopes
RobinLopes
in Invision Community 4 Support

Featured Replies

Posted
comment_185904

Всем привет, как сделать что бы у группы была данная стилизация никнейма? 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
    comment_185905
    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

  • Цитата
    comment_185913

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

  • Цитата
    comment_185914 
    <span class="admin">...</span>

     

  • Цитата
    comment_185915 
    .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;
}

     

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

     

  • Цитата
    • Author
    comment_185919

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

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

     

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

  • Цитата
    comment_185922
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.