begin主题 右侧滚动条美化
admin
2021-03-08
26
1

把下面的代码复制,粘贴到:后台→外观→主题选项→定制风格→自定义样式

/*右侧滚动条美化*/ #scroll{width:32px;float:rightright;position:fixed;rightright:10px;bottombottom:50px;z-index:9999;}#scroll li a{font-size:16px;color:#fff;width:32px;height:32px;line-height:28px;text-align:center;vertical-align:middle;margin-top:4px;display:block;cursor:pointer;border:1px solid #ddd;border-radius:15px;box-shadow:0 1px 1px rgba(0,0,0,0.04);}#scroll li a:hover{background:#2f889a;color:#fff;border:1px solid #2f889a;transition:all .2s ease-in 0s;}.scroll-h{background-color:#ff5e5c !important;}.scroll-c{background-color:#24a5db !important;}.scroll-b{background-color:#ff9531 !important;}#gb2big5{background-color:#aec534 !important;}.qr{background-color:#4a4a4a !important;}.qqonline a{background:##CCFFFF!important;}@media screen and (min-width:900px){#scroll li a:hover{background:#2f889a;color:#fff;border:1px solid #2f889a;transition:all 0.2s ease-in 0s;}}.qr-img{position:fixed;background:#fff;bottombottom:50px;rightright:50px;max-width:300px;z-index:9999;display:none;border-radius:4px;padding:10px 10px 2px 10px;animation:fade-in;animation-duration:0.5s;-webkit-animation:fade-in 0.5s;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,0.05);}#output img{position:absolute;top:72px;rightright:72px;width:25px;height:25px;}.qr .fa-qrcode{font-size:20px !important;line-height:32px !important;}.qr-img .arrow{position:absolute;font-size:26px;bottombottom:2px;}.arrow-y{color:#fff;rightright:-8px;}.arrow-z{color:#c6c6c6;rightright:-9px;}#output td{border:none;}#output td{padding:0;}.page-template-template-blog #scroll li a.scroll-c,.page-template-template-code #scroll li a.scroll-c,.page-template-template-links #scroll li a.scroll-c,.page-template-template-archives #scroll li a.scroll-c,.page-template-template-cms #scroll li a.scroll-c,.page-template-template-hot #scroll li a.scroll-c,.page-template-template-tag #scroll li a.scroll-c,.page-template-template-tougao #scroll li a.scroll-c,.page-template-template-contact #scroll li a.scroll-c,.page-template-template-message #scroll li a.scroll-c,.page-template-template-baidu #scroll li a.scroll-c{display:none;}

主题更新后添加了搜索栏目图标,需添加一下css,搜索图标才能上色。

#scroll li a {
background: #2f9a3c;
}

 

打赏
最新RiPro主题文章页标题美化代码
上一篇
WordPressVIP会员分销商城插件VipSystem Pro 2020
下一篇

发表评论

  1. 2023-10-10 18:55

    这是一条评论,测试一下。 :razz:

admin
0 文章
0 评论
0 喜欢
标签
#WordPress #b2主题美化 #zblog #wordpress主题 #b2主题 #WordPress博客主题 #dux主题 #模块化 #主题美化 #wordpress函数 #半老徐娘 #用户昵称 #begin主题 #wp插件 #宋玉 #评论框修改 #php内存限制 #暴虎冯河 #博客主题 #电影下载 #debug #语言选择器 #REST API #企业主题 #标签内链 #隐藏浏览量 #wordpress后台 #去除wordpresslogo #登陆访问 #zblog验证码 #小工具区块 #rouse主题 #隐藏登陆地址 #wordpress回收站 #古腾堡编辑器 #皮里阳秋 #zblogphp #影视主题 #谷歌字体 #ue编辑器 #作者筛选 #霍去病 #wordpress多域名 #响应式 #站点健康 #成语大全 #轻拟物 #免费主题 #沅芷澧兰 #wordpress开发 #域名绑定 #等级图标 #js #一意孤行 #投稿 #轻拟物主题 #wirdpress资讯主题 #内存溢出 #注销账户 #高雅 #wordpress技巧 #联系页面 #js特效 #一言 #搬家技巧 #邀请码 #函数 #流量 #wordpress技术 #多风格 #自适应 #logo图标 #上传图片 #数据库 #酱茄Free主题 #WordPress 4.6 #加载中 #浏览文章 #B2主题修改 #WordPress更新 #大媒体主题 #菜单美化 #niRvana主题 #主题修改 #整站变灰 #链接别名 #浏览次数 #wordpress简洁主题 #大数据 #蜀犬吠日 #php #新窗口 #阅读时间 #wordpress代码 #匈奴 #用户中心 #B2美化 #wordpress5.7.1 #认证图标 #PHP代码 #乌合之众 #新闻资讯 #附件页面 #以父之名 #随机缩略图 #导航栏 #调试模式 #伪静态 #html5 #正则表达式 #http #WebSocket #静态网页 #复古风 #动态网页 #子目录
生成中...
扫描二维码
扫描二维码