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(https://www.mubanke.com/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(https://www.mubanke.com/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>

如下图:

图片[1]-ripro站壳网最新图标如何添加?-果核网

图片[2]-ripro站壳网最新图标如何添加?-果核网

效果图片:

图片[3]-ripro站壳网最新图标如何添加?-果核网

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容