子比主题美化-自定义标题前缀申明效果代码（优化版）-懒人Blog(资源素材网)

之前本站发布过一篇自定义标题前缀申明效果代码，（下方链接卡片查看）后台设置比较单一，

这次增加了多颜色、图像前缀增加多种类型。

粉丝币5子比主题美化-自定义标题前缀申明效果代码

LR.程先生

16432

图片[1]-子比主题美化-自定义标题前缀申明效果代码（优化版）-懒人Blog(资源素材网)

图片[2]-子比主题美化-自定义标题前缀申明效果代码（优化版）-懒人Blog(资源素材网) — 后台发布文章设置

代码添加

在fun.php加入代码即可，（如果没有就加在functions.php文件中）

此处内容已隐藏，请付费后查看

自定义css示例：加在子比主题自定义代码即可

/*标题前缀*/
.ove_lv, .ove_qianlan,.ove_hong,.ove_lan,.ove_huang,.ove_fenhong{
    font-size: 12px;
    padding: 0px 10px;
  display:inline-block;
    height: 18px;
    color:#fff;
    text-align: center;
    border-radius: 5px 0 5px 0;
    line-height: 18px;
    margin-right: 5px;
  position: relative;
  top: -1px;
/*clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);*/}
.item-heading{
  a{
      display: list-item;
  }
}
.ove_lv{ background: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); }
.ove_qianlan{ background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
.ove_hong{ background: linear-gradient(135deg, #f44e25 10%, #ff3402 100%); }
.ove_lan{ background: linear-gradient(135deg, #1100ff 10%, #1100ff 100%); }
.ove_huang{ background: linear-gradient(135deg, #ff9600 10%, #ff9600 100%); }
.ove_fenhong{ background: linear-gradient(135deg, #e100ff 10%, #e100ff 100%); }
/*标题前缀结束lanrenn.cn*/

前缀图片（附psd源文件）

此处内容已隐藏，请评论后刷新页面查看.

🎉 恭喜你发现了宝藏！>>点此前往<<

👋 感谢您的观看，对您有用就分享出去吧！

如您有好的资源/素材，可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录，即可获得 1-10元/篇奖励。（重复内容无奖励）

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

1 如果您喜欢本站,点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 报毒说明 | 进站必看 | 广告合作；
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责；
4 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负；
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理；
6 如若转载，请注明文章出处：

THE END