HONG

RiPro主题美化之添加资源VIP角标

作者: HONG 发布时间: 2020-04-6 文章热度: 373

一、上传图标到/ripro/assets/images图标地址。然后修改/ripro/assets/css/diy.css

.vvip0,.vvip10,.vvip30,.vvip70,.vvip75,.vvip80,.vwip0,.vwip10,.vwip30,.vwip70,.vwip75,.vwip80,.vvip302,.vvip702,.vvip752,.vvip802,.vwip302,.vwip702,.vwip752,.vwip802 {
    display: inline-block;
    background-image: url(../images/tuyiyi_vip4_1.png);
    background-size: auto 40px;
    vertical-align: middle;
    height: 40px;
    width: 40px
}

.vvip0,.vvip10,.vvip30, .vvip70, .vvip75, .vvip80, .vvip302, .vvip702, .vvip752, .vvip802 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}


.vvip0,.vwip0 {
    background-position: 0 0
}

.vvip70,.vwip70 {
    background-position: -80px 0
}

.vvip30,.vwip30 {
    background-position: -40px 0
}

.vvip302,.vvip702,.vvip752,.vvip802 {
    background-position: -200px 0
}

.vvip75 {
    background-position: -160px 0
}

.vvip80,.vwip75,.vwip80 {
    background-position: -120px 0
}

.vwip0,.vwip10,.vwip30,.vwip70,.vwip75,.vwip80,.vwip302 {
    position: absolute;

    z-index: 10;
    border-radius: 5px 0 0 0
}

.vvip10,.vwip10 {
    background-position: 0 0
}

二、分别在/ripro/parts/template-parts/content-grid.php和/ripro/parts/template-parts/content-list.php也就是在

<?php cao_entry_media(); ?>

之前加入如下代码,即可

SVIP价 9 折

已有1人支付

1、若侵权,请提供相关必要证明,否则不予回复!
2、若无特殊注明,本文皆为作者原创,商业转载请联系作者授权,非商业转载请注明出处。
3、本站所发布的资源仅用于交流、学习!商业源码若无授权请勿使用,违者所造成的后果与本站无关!

4、付费类资源一经购买概不退款,且不提供任何的安装服务,请三思而行,毕竟我也很忙!

5、本站资源一类的交易都秉承互相尊重及其自愿原则,购买与否皆在与你,请自重!
总裁资源网 » RiPro主题美化之添加资源VIP角标
  • 资源总数(个)
  • 会员总数(位)
  • 本周发布(个)
  • 今日发布(个)
  • 稳定运行(天)

海量精品资源,技术教程,精品源码 我们是强大的资源搬运工!