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

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 放入如下图片

分享到 :
相关推荐

发表评论

登录... 后才能评论