RIPRO美化修改-菜单增加角标或者VIP、HOT、NEW文字 RIPRO美化修改-菜单增加角标或者VIP、HOT、NEW文字已关闭评论 153A+所属分类:技术教程 RIPRO美化修改相信很多朋友都有,本次看到这个角标貌似很流行,分享吧就分享下RIPRO修改-菜单增加角标方法。效果如上图,当然颜色随意定,很简单! 首先复制这段css到/ripro/assets/css/diy.css里, 或者 在 外观-自定义-额外ccs 中加入一下代码 /*菜单增加角标开始*/ .vip { display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; } .new { display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to top, #f308a0 0%, #fb0655 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; } /*菜单标签美化*/ .label { display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to right, #6454ef 0%, #3021ec 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; } /*菜单增加角标结束*/ 然后到主题下面的菜单设置里,在你的菜单名字后面添加上你需要的代码,如 <span class="vip">真香</span> <span class="new">HOT</span> 赞 1 赏 分享