wordpress博客浏览器右侧滚动条多彩

wordpress博客浏览器右侧滚动条多彩

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

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

/*浏览器滚动条样式*/
::-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(0,0,0,0.2);
    background: #f6f6f6;
}

效果截图:
%title插图%num

END
点赞分享 :

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
关于本站资源下载方法
请前往https://www.gcxiaozhang.com/739.html进行查看
相关推荐

WordPress收费付费下载资源主题 Modown V1.75 免授权版_源码下载

源码介绍Modown是模板兔基于Erphpdownwordpress下载插件开发[&...

WebStack Pro – 高级版导航wordpress主题

介绍:主题包含开源版所有功能,且数据库无缝升级(需重新设置主题设置项)重构开源版[&...

WordPress仿造资源管理器Win10 Explorer v1.3 主题

主题介绍Win10Explorer是一款比较个性的主题,这是一款适合专门写文档,[&...

WordPress自适应个人博客主题Boxstyle

主题介绍Boxstyle个人博客主题。独特的盒装样式和彩色边栏中左侧的社交链接,让[...

发表评论

登录... 后才能评论