ripro主题美化:实现35源码网网站底部波浪动态效果

作者 : admin 本文共3152个字,预计阅读时间需要8分钟 发布时间: 2021-03-3 共9.7K人阅读

最近,ripro主题玩的特别火,今天带大家看看WordPress ripro主题美化:实现35源码网网站底部波浪动态效果,具体效果请直接查看本网站最底部的动态效果,具体实现思路是,需要用到css绘制svg矢量图,动态颜色可以根据自己的需要进行调整,这段代码在其他各大网站均收费10大洋左右,话不多话,直接看代码。具体代码将对本站VIP会员免费开放。

html代码:

1、找到wp-content/themes/ripro/footer.php文件将以下代码复制到 footer.php中(注意:使用了美化子主题的,请在子主题中添加)。

<!--35源码网 www.35ym.cn-->
<div class="waveHorizontals mobile-hide">
  <div id="waveHorizontal1" class="waveHorizontal"></div>
  <div id="waveHorizontal2" class="waveHorizontal"></div>
  <div id="waveHorizontal3" class="waveHorizontal"></div>
</div>

css代码:

2、找到wp-content/themes/ripro/assets/css/目录下找到diy.css 并以下内容体复制进去并保存 (注意:使用了美化子主题的,请在子主题中添加;另外这里引用的图片路径也要跟你主题内容保持一致,实在搞不明白,自己创建一个目录将下方的图片上传上去,再找到该图片的绝对路径)。

VIP免费 永久VIP免费

已有3人支付

svg绘制代码:

3、分别创建html文件并命名为:augsc_001.svg、augsc_002.svg、augsc_003.svg,复制以下代码:然后将创建好的图片自定义路径上传到你的网站路径下。

VIP免费 永久VIP免费

已有3人支付

 

1. 本站所有源码、模板、插件、素材等其他资源,均来自网络收集及网友分享!
2. 本站资源重在学习交流研究,版权归原作者所有,如需商业请联系原开发作者购买!
3. 本站资源严谨商业或者非法用途,若出现法律纠纷与本站无关,一切后果请用户自负!
4. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制服务!
5. 本站资源会员只是赞助,根据个人需求选择,赞助费用仅维持本站的日常运营所需!
6. 本站提供资源大部分都会经过测试,但不保证100%无bug,如介意请勿下载!
7. 本站资源若有侵犯您的版权,请联尽快联系站长删除。
8. 如遇需要解压密码,则解压密码为"www.35ym.cn"!
9. 本站提供资源如遇下载链接失效,请联系站长处理!

35源码网 » ripro主题美化:实现35源码网网站底部波浪动态效果

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
网站下载资源无法正常使用或者运行怎么办?
本站所有资源均来源于网络收集和网友分享,大部分资源都会经过实际测试,但不保证所有资源百分百无bug存在,请知晓。如遇搭建失败,请首先排除技术问题,再咨询站长。
解压密码是什么?
如下载无特别说明时,本站资源使用统一解压密码:www.35ym.cn