温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！

本文最后更新于2021年1月20日，已超过 30天没有更新

看见别的站导航边上都有个角标，蛮好看的，于是捣鼓一下，自己也给网站加了一个。

效果如下:

ripro导航角标

配置自定义样式

复制以下代码至后台主题设置-顶部设置-自定义CSS样式代码处

/**一级导航角标 蓝大富博客专用 开始**/
.remen {
 padding:2px 8px;
 font-size:13px;
 line-height:14px;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 color:#fff;
 -webkit-border-radius:4px;
 border-radius:50px;
 background:#ff2741;
 z-index:5;
 position:absolute;
 top:15px;
 right:-1px;
 animation:fivezhe 1.8s infinite
}
.mobanweb-jiaqun h5 {
 font-size:16px;
 line-height:1.4
}
.mobanweb-jiaqun-small {
 padding:15px
}
.mobanweb-jiaqun p {
 max-width:80%
}
.mobanweb-jiaqun {
 letter-spacing:.5px
}
.mobanweb-jiaqun .btn {
 font-size:13px
}
.mobanweb-jiaqun .btn i {
 margin-right:3px
}
.mobanweb-jiaqun .helper-thumb {
 position:absolute;
 right:0;
 bottom:0
}
.mobanweb-jiaqun-btn-on {
 color:#fff;
 background:#2c63ff!important;
 box-shadow:0 3px 10px -1px #2c63ff!important;
 border:0
}
/**一级导航角标 蓝大富博客专用 结束**/

后台菜单设置

评论可见隐藏内容
此处内容评论后可见

温馨提示：此处为隐藏内容，需要评论或回复留言后可见

评论/回复

 

其余类型主题按照这个方法也可以使用，具体请自行摸索。

历史上的今天
01月
20
版权声明：原创作品，未经允许不得转载，否则将追究法律责任。
本站资源有的自互联网收集整理，如果侵犯了您的合法权益，请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
本文链接:悟空资源网https://www.wkzyw.com/3927.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权