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

分类栏目:wordpress美化

发布于 条评论


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




 


留言与评论(共有 0 条评论)
   
验证码: