给RIPRO主题的网站底部添加波浪动态效果

图片展示:


如图所示 页面的底部有一条红色的波浪,时刻滚动着。想要网站有这个效果又不想安装任何插件和子主题就看下面的代码吧。

方法介绍:

1、找到wp-content/themes/ripro/footer.php文件 并把附件中 以下代码粘贴在最下面的</body></html>前

<!--WWW.ITSZL.COM-->
<div class="waveHorizontals mobile-hide">
  <div id="waveHorizontal1" class="waveHorizontal"></div>
  <div id="waveHorizontal2" class="waveHorizontal"></div>
  <div id="waveHorizontal3" class="waveHorizontal"></div>
</div>

2、找到wp-content/themes/ripro/assets/css/目录下找到diy.css 并将以下代码整体复制进去并保存


最后刷新一下网站看看效果吧。

0
分享到:

评论0

请先

没有账号? 忘记密码?