RIPRO主题美化-资源类型判断图标-比特资源网-源码分享技术论坛

2020-06-11 0 391
资源下载
终身会员专享

RIPRO主题美化-资源类型判断图标-比特资源网-源码分享技术论坛

2020-06-11资源编号:483DIV CSS3910
如侵权、投诉或获取更新,请联系作者处理

Title: RIPRO主题美化-资源类型判断图标-比特资源网-源码分享技术论坛

URL Source: https://qyymz.com/5464.html

Markdown Content:

![Image 1](https://qyymz.com/container/dszz “看演示15U起”)![Image 2](https://qyymz.com/ “注册交易所”)

文章目录

* [](https://qyymz.com/5464.html#toc_2)

* 此次修改的是资源类型图标,就是图上VIP还是免费的那个。第一版用的阿里图标但是不太醒目, 这是第二版用的一张小图,感觉还可以放出教程!

* 首先上传图标到/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 } 为什么这么多?因为图片里还有预制的几个备用图标,比如SVIP,QVIP之类的,可以自己选用!我这里只用了免费和VIP两个! 然后修改/ripro/parts/template-parts/content-grid.php第八行也就是在 <?php cao_entry_media(); ?> 之前, 修改/ripro/parts/template-parts/content-list.php第三行也就是在 <?php cao_entry_media(); ?> 之前, 加上如下: <?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; ?>

此次修改的是资源类型图标,就是图上VIP还是免费的那个。第一版用的阿里图标但是不太醒目, 这是第二版用的一张图,感觉还可以放出教程!

首先上传图标到`/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

}

为什么这么多?因为图片里还有预制的几个备用图标,比如SVIP,QVIP之类的,可以自己选用!我这里只用了免费和VIP两个!

然后修改`/ripro/parts/template-parts/content-grid.php`第八行也就是在

之前,

修改`/ripro/parts/template-parts/content-list.php`第三行也就是在

之前,

加上如下:

<?php if ((_get_post_shop_status() || _get_post_shop_hide()) && _cao('grid_is_price',true)) :

$post_price = _get_post_price();

$post_price =($post_price) ? ‘‘ : ‘‘ ;

?>

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

1. 免费下载或者VIP会员资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

2. 提示下载完但解压或打开不了?

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

3. 找不到素材资源介绍文章里的示例图片?

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

4. 付款后无法显示下载地址或者无法查看内容?

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

5. 购买该资源后,可以退款吗?

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源

千源源码站 DIV CSS RIPRO主题美化-资源类型判断图标-比特资源网-源码分享技术论坛 https://qyymz.com/5464.html

常见问题

相关文章

猜你喜欢
发表评论
暂无评论