子比主题美化-自定义标题前缀申明效果代码(优化版)

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

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

图片[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元/篇奖励。(重复内容无奖励)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
子比主题美化-自定义标题前缀申明效果代码(优化版)-懒人Blog(资源素材网)
子比主题美化-自定义标题前缀申明效果代码(优化版)
此内容为付费阅读,请付费后查看
粉丝币9.9
安全资源
自动发货
永久使用
售后服务
付费阅读
已售 12
© 版权声明
THE END
文章不错?点个赞呗
点赞2赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容

随机看看好帖需要善于发现
热门圈子总有聊不完的话题