WordPress主题美化教程-浏览器右边多色滚动条

2021-03-08 0 238

wordpress主题wordpress教程_WordPress美化ripro主题美化-新年/高考/节日倒计时代码(小工具)

教程最先

最近柠檬看到不少网站打开后浏览器滚动条很悦目。自己特意去拔了一个

1、如果是RiPro主题找到wp-content/themes/ripro/assets/css/目录下找到diy.css 并将以下内容整体复制进去并保留

2、其他主题在对应的CSS样式添加。

WordPress如作甚后台文章列表添加缩略图_wordpresswordpress主题

3、可以自己凭证网站整体效果或小我私人喜欢修改滚动条颜色

/*代码农www.zhankr.net*/
/*滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽划分对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条内里小方块*/
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg rgba(255 93 143 1) 25% transparent 25% transparent 50% rgba(255 93 143 1) 50%
  rgba(255 93 143 1) 75% transparent 75% transparent);
}
::-webkit-scrollbar-track {/*滚动条内里轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0000.2);
    background: #f6f6f6;
}

 

效果样式

WordPress主题美化教程-浏览器右边多色滚动条

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

一直被模仿,从未被超越!

常见问题
  • 本站所有源码都是通过互联网采集而来,不保证源码得完整性和可用性,如果介意请勿购买!
查看详情
  • 本站源码不提供任何服务帮助。本站只是提供源码,不提供服务帮助!
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务