RIPRO美化之菜单增加角标WordPress美化教程

作者 : chonglou 发布时间: 2022-01-28 文章热度:143 共796个字,阅读需2分钟。 本文内容有更新 手机浏览 字体:
本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解.

目 录

方法

首先复制这段css到/ripro/assets/css/diy.css里



.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;
}
然后到主题下面的菜单设置里,在你的菜单名字后面添加上你需要的代码,如
真香

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
免责声明

温馨提示:

1、在本站里发表的文章仅代表作者本人的观点,与本网站立场无关。
2、本站的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
3、当政府机关依照法定程序要求披露信息时,本站均得免责。
4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,本站不负任何责任。
5、注册会员通过任何手段和方法针对本站进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
6、如有问题请联系QQ:702516361,或联系邮箱:702516361@qq.com(24小时内回复)

本站资源,禁止转载!

重楼资源网 » RIPRO美化之菜单增加角标WordPress美化教程
13
+617天安全运行
重楼资源网
0
+0篇本周更新
优质资源稳定更新

VIP折扣下载全站资源

立即了解