之前本站发布过一篇自定义标题前缀申明效果代码,(下方链接卡片查看)后台设置比较单一,
这次增加了多颜色、图像前缀增加多种类型。
代码添加
在
自定义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 元/篇奖励。(重复内容无奖励)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
文章不错?点个赞呗
相关推荐
随机看看好帖需要善于发现
热门圈子总有聊不完的话题
- 最新
- 最热
只看作者