• 欢迎 游客 您的光临,下载之前请先阅读 积分规则 。任何技术问题请在论坛提问,本站定制插件、模板主题。售前、售后问题请联系QQ:5916171
    本站自由发布资源可赚取积分及人民币(可提现)(保证资源真实可用,如被举报封号处理。谨慎分布)。
  • 即日起发表主题、回帖、发布&更新资源、创建&回复私信、发布&回复个人动态均需要验证手机号码,其它不受影响。如不便可进群提问。点击链接加入群聊【XenForo讨论社区】:群号1:143277648

技巧教程 设置自定义彩色渐变头衔

UID
1374
注册
2021/07/14
消息
51
解决方案
5
黄金
4,892G
  • #1
话不多说线上效果图:
Screenshot_2021_1005_144733.gif
设置过程:
1.先下载HTML Usertitles插件并安装
2.在extra.less模板中加入以下代码:
CSS:
扩展 折叠 复制
.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);
    }
}
3.在后台-用户-个人空间信息-自定义头衔中输入以下代码
HTML:
扩展 折叠 复制
<h3 class="randcl">头衔名称</h3>
并把custom title type改为admin set即可


此教程是针对头衔修改的,如果想设置渐变用户名可参照此文章→彩色渐变用户名设置教程
 

附件

  • IMG_20211004_161646.jpg
    IMG_20211004_161646.jpg
    29.3 KB · 查看: 21
最后编辑:
后退
顶部 底部