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

发布于 2019-12-18 21:00:18

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

查看更多

关注者
0
被浏览
89
1 个回答
Tsks
Tsks 认证专家 2019-12-18

image.png
添加资源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
 
}

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

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览