日主题ripro最新图标如何添加?

教程开始:

NEW图标

1:加在wp-content/themes/jizhi-chlid/diy.css底部

.icon_new {
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/wp-content/themes/ripro-chlid/assets/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px;
}

 

2:放进后台-菜单-分类名称后面

<span class="icon_new"></span>

 

HOT图标

1:加在wp-content/themes/jizhi-chlid/diy.css底部

.icon_hot {
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/wp-content/themes/ripro-chlid/assets/hot.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px;
}

 

2:放进后台-菜单-分类名称后面

<span class="icon_hot"></span>

全选代码复制

如下图:

日主题ripro最新图标如何添加?
日主题ripro最新图标如何添加?

效果图

日主题ripro最新图标如何添加?

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

源博士 WordPress教程 日主题ripro最新图标如何添加? https://www.yub4.cn/%e6%97%a5%e4%b8%bb%e9%a2%98ripro%e6%9c%80%e6%96%b0%e5%9b%be%e6%a0%87%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0%ef%bc%9f/

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务

日主题ripro最新图标如何添加?-海报

分享本文封面