WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 生活趣事
    • 生活日记
    • 防骗指南
  • 编程教学
    • API日记
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
    • 严选源码
  • 专题
  • 基友
  • 隐私
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君
首页 RIPRO主题美化 为RiPro主题按钮加彩色(动态)

为RiPro主题按钮加彩色(动态)

夏柔 10月 11, 2019

为RiPro主题按钮加彩色(动态)

直接代码

如果是RiPro主题,请在后台顶部设置添加自定义CSS。其他主题在对应的CSS样式添加。(其他主题注意按钮名)

[rihide]

/**====按钮加彩====*/
button,html [type="reset"],[type="submit"] {
   /* -webkit-appearance: button;
   background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
    -webkit-animation: hue 6s infinite linear;*/
    display: inline-block;
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top; 
}

.btn--primary,.btn--secondary,.label-default,.label-warning,.fa-angle-up,.rollbar-item tap-dark,.rollbar-item,.comments-area .comment-author-name .fn.vip{
    display: inline-block;
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top; 
}

.edit--profile-links li a.active {
    background: #42a7ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#9c4dff), to(#42a7ff));
    background-image: -webkit-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: -o-linear-gradient(left, #9c4dff 0%, #42a7ff 100%);
    background-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    vertical-align: top;
}

[/rihide]

#RIPRO#wordpress#wordpress美化
0
J2dcg1.png
猜你喜欢
  • Nginx添加跨域限制规则
  • 使用测速脚本对国内Linux服务器进行测速
  • 域名爆破之自动化信息收集脚本
  • 利用免费接口实现国家开放大学刷网课脚本
  • RiProV2定制导航条
  • 判断是否在微信浏览器打开
  • 微信内自动播放音频非百度方案
  • 利用veImageX加速您的网站,想不快都难!
  • SWAPIDC减少注册信息及防刷注册量教学
  • Python实现定时发送每日早报及生活指数
24 1月, 2024
01月24日,星期三,每天60秒读懂世界!
夏柔
站长
夏山如碧 - 怀柔天下
1725
文章
25
评论
58145K
获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门33
WordPress技术教程267
前沿技术情报所22
城市创新——新消费11
最近有哪些不可错过的热文23
程序员的养生之道0
节
春
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2025 WordPress极简博客. Designed by 夏柔. 辽公网安备21010502000474号 辽ICP备19017037号-2