AT互联|ripro的最新图标如何添加?_
AT互联|ripro的最新图标如何添加?_手机扫码预览

AT互联|ripro的最新图标如何添加?_

578
免费 优惠信息:免费 暂无永久SVIP下载特权
  • 免费售前咨询
  • 登录下载更划算哦
  • 付费安装资源
  • 付费终身升级
  • QQ保障售后服务
  • 网站应急咨询顾问

主编:AT互联

教程开始:

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://pnp8com.oss-cn-hangzhou.aliyuncs.com/2020/07/1594540393-5a3e08c60030f14.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://pnp8com.oss-cn-hangzhou.aliyuncs.com/2020/07/1594540393-5a3e08c60030f14.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px;
}

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

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

如下图:

AT互联|ripro的最新图标如何添加?_-AT互联全栈开发服务商 AT互联|ripro的最新图标如何添加?_-AT互联全栈开发服务商

效果图:

AT互联|ripro的最新图标如何添加?_-AT互联全栈开发服务商

文章来自AT互联https://www.at8848.cn转载请注明出处,谢谢!!!

打破行业潜规则-更多选择 更低价格 更快交付!
AT互联全栈开发服务商 » AT互联|ripro的最新图标如何添加?_
欢迎您光顾,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡