XenForo Rainbow User Titles (Super Smooth Animation)

[AynaZ]

• With this guide, you can have fully smooth animated user titles in your forum, and maybe sell them with forum credits or with real money.
• با استفاده از این راهنمایی عناوین کاربری رنگین کمانی را به راحتی اعمال کنید

---

• Copy the related code and paste it into your extra.less template.
• extra.less : گذاشتن کدهای فوق در

.randcl{
    color: gold;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-animation: randclanim 2s infinite linear;

    font-weight: bold;

}

@keyframes randclanim{
   from {
      -webkit-filter: hue-rotate(0deg);
    }

    to {
      -webkit-filter: hue-rotate(360deg);
    }
}

---

• After then, XF2 Add-on - HTML Usertitles download and install this addon to your forum.
• نصب افزونه فوق در بخش افزونه ها

---

• Later then, edit your profile in admincp.
• ویرایش نمایه گروه های کاربری در داشبرد
• Make sure you do it like that, and then change "Rainbow Animation!!" text to whatever you want.
• لطفا تمام مراحل رو دقیق انجام بدید عناوین رو ویرایش کرده و از حالت رنگین کمانی لذت ببرید

 

[99Refu]

• With this guide, you can have fully smooth animated user titles in your forum, and maybe sell them with forum credits or with real money.
• با استفاده از این راهنمایی عناوین کاربری رنگین کمانی را به راحتی اعمال کنید

---

• Copy the related code and paste it into your extra.less template.
• extra.less : گذاشتن کدهای فوق در

.randcl{
    color: gold;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-animation: randclanim 2s infinite linear;

    font-weight: bold;

}

@keyframes randclanim{
   from {
      -webkit-filter: hue-rotate(0deg);
    }

    to {
      -webkit-filter: hue-rotate(360deg);
    }
}

---

• After then, XF2 Add-on - HTML Usertitles download and install this addon to your forum.
• نصب افزونه فوق در بخش افزونه ها

---

• Later then, edit your profile in admincp.
• ویرایش نمایه گروه های کاربری در داشبرد
• Make sure you do it like that, and then change "Rainbow Animation!!" text to whatever you want.
• لطفا تمام مراحل رو دقیق انجام بدید عناوین رو ویرایش کرده و از حالت رنگین کمانی لذت ببرید

Then what code we need to add in custom title box ??

 

[AynaZ]

Then what code we need to add in custom title box ??

Install the plugin

Add-ons - HTML Usertitles

XenForo submitted a new resource: HTML Usertitles - Allow Administrators to use HTML in usertitles Features: Allows Administrators to set a users title to allow HTML If the user or a Moderator edits their title it reverts to not allowing HTML No additional queries This modifies the xf_user...

xnforo.ir

Then complete the title with any html code you like

<h3 class="randcl">Text Name</h3>

 

[99Refu]

Install the plugin

Add-ons - HTML Usertitles

XenForo submitted a new resource: HTML Usertitles - Allow Administrators to use HTML in usertitles Features: Allows Administrators to set a users title to allow HTML If the user or a Moderator edits their title it reverts to not allowing HTML No additional queries This modifies the xf_user...

xnforo.ir

Then complete the title with any html code you like

I already installed this plugin and also added your css code in my extra.less, and then i select "Admin set (HTML ALLOWED!) In admin cp profile" but nothing anything happened.

 

[AynaZ]

I already installed this plugin and also added your css code in my extra.less, and then i select "Admin set (HTML ALLOWED!) In admin cp profile" but nothing anything happened.

<h3 class="randcl">Text Name</h3>