RiPro主题导航角标wp主题导航角标

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

效果如下:

RiPro主题导航角标wp主题导航角标
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
}
/**一级导航角标 蓝大富博客专用 结束**/

后台菜单设置

抱歉,隐藏内容须成功 评论本文 后刷新可见!

 

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

版权申明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
蓝大富博客 » RiPro主题导航角标wp主题导航角标

8 评论

  1. 点赞

发表回复