当前位置:首页>WordPress>WordPress美化>Ripro主题美化教程 | 如何主题LOGO添加闪光滑动效果

Ripro主题美化教程 | 如何主题LOGO添加闪光滑动效果

我们浏览网站时经常会看到一些网站的LOGO带有闪光效果,像光线扫过一样,看上去比较美观。怎么做的呢?柠檬也研究了下,适合所有网站,不同主题只需要稍微调整即可,下面柠檬把优化好的代码分享给大家……

需要修改的文件你看哪个位置方便分别可加在后台主题设置css里也可以放在\ripro\assets\css\diy.css,推荐放在diy.css方便后续多方面修改。

找到wp-content/themes/ripro/assets/css/目录下找到diy.css 并将附件内的div.css内容整体复制进去并保存。

这段代码是CSS格式代码,一般情况下是添加到网站的主样式表中,除RIPRO主题之外对于大多数使用wordpress建站的朋友来说可以放到主题的style.css文件中,也有部分主题可能有单独的css文件,比如本站现在用的RIPRO主题其主样式文件为di.css,而知名主题DUX主题则在main.css文件里,所以大家可以根据自己主题或者模版的情况选择放到相应的CSS文件即可。

效果样式

Ripro主题美化教程 | 如何主题LOGO添加闪光滑动效果

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

©版权声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Ciyol 或给邮箱发送邮件 admin@ciyol.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索