本文作者:花雾影

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

花雾影1年前 ( 2020-03-04 )27020抢沙发
RiPro 主题美化教程添加资源VIP角标摘要: 首先上传图标到/ripro/assets/images文件夹 图标地址。然后在/ripro/assets/css/diy.css添加如下代码:.vvip0,.vvip10...

vipanniu.PNG RiPro 主题美化教程添加资源VIP角标 第1张


首先上传图标到/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第十行也就是在:

 <?PHP cao_entry_media( array( 'layout' => 'rect_300' ) ); ?>

代码之前和/ripro/parts/template-parts/content-list.php第八行也就是在:

 <?php cao_entry_media( array( 'layout' => 'rect_300' ) ); ?>

之前添加如下代码:

<?php if ((_get_post_shop_status() || _get_post_shop_hide()) && _cao('grid_is_price',true)) :     	$post_price = _get_post_price();    	$post_price =($post_price) ? '<i class="vwip30"></i>' : '<i class="vwip10"></i>' ;  ?>    	<?php echo ''.$post_price;?>    <?php endif; ?>

文章版权及转载声明

作者:花雾影本文地址:https://www.shuipo.net/blog/87.html发布于 1年前 ( 2020-03-04 )
文章转载或复制请以超链接形式并注明出处水泊网

赞(

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,27020人围观)参与讨论

还没有评论,来说两句吧...