wordpress如何给导航栏中菜单添加角标

2024-11-12 0 548

许多站长都想给自己网站的菜单栏加上一个好看的角标以此增加网站的美观程度但是一直不知道怎么添加,今天小白来教大家如何给wordpress导航栏中的菜单添加好看的角标,教程很简单学会了不要忘记点个赞。

1.先到网站后台点击左边导航栏中的外观->自定义->额外CSS中添加如下代码->点击发布
.vip{
display: block;
width: 28px;
height: 19px;
position: absolute;
left: 50%;
top: -18px;
margin-left: -13px;
/*background中的url地址为角标图可替换为其他图形*/
background: url(https://www.ymui.cn/themes/ceomax/static/images/ceo-new.png) no-repeat;
-webkit-animation: upDown 6s ease-in-out infinite;
animation: upDown 6s ease-in-out infinite;
}
2到网站后台点击左边导航栏中的外观->菜单->需要加角标的菜单名后面加<span class=’vip’></span>

如图所示:

wordpress如何给导航栏中菜单添加角标

效果图:

wordpress如何给导航栏中菜单添加角标

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

本站尊重知识产权,如知识产权权利人认为平台内容涉嫌侵犯到您的权益,可通过邮件:8990553@qq.com,我们将及时删除文章
本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除

腾谷资源站 文章技术 wordpress如何给导航栏中菜单添加角标 https://www.tenguzhan.com/70.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务