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

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

添加资源VIP角标第一步:

主题目录 -> inc ->theme-functions.php ,搜索“// 获取图片高度”,在“< div class=”entry-media”>”后添加如下代码

<?php if ((_get_post_shop_hide()) ||(_get_post_price()!=0)&& _cao('grid_is_price',true)){
echo '<i class="vwip30"></i>';       
}else{
echo '<i class="vwip10"></i>';       
}?>

第二步:主题目录 -> assets -> css -> diy.css 添加如下样式

.vwip30 {
background-position: -40px 0
}
.vwip10,.vwip30 {
position: absolute;
z-index: 10;
border-radius: 5px 0 0 0
}
.vwip10,.vwip30{
display: inline-block;
background-image: url(../images/tuyiyi_vip4_1.png);
background-size: auto 40px;
vertical-align: middle;
height: 40px;
width: 40px;
}
.vvip10,.vwip10 {
background-position: 0 0
}

这张图你另存为后名字可能会和我的不一样,自己改掉就好,xxx.png,改成你自己图片的名称。

第三步:主题目录 -> assets -> images 放入如下图片

版权:【注明为本站原创的文章,转载请注明出处与原文地址!本站部分转载文章能找到原作者的我们都会注明,若文章涉及版权请发至邮箱:myyooo@myyooo.com,我们以便及时处理,可支付稿费。向本站投稿或需要本站向贵司网站定期免费投稿请加QQ:15667685】 更多信息请关注QQ技术群:15667685备注来意!
「百搜云端」 » RiPro 主题美化教程添加资源VIP角标

Leave a Reply