汇聚访-汇聚访-第9页
用户封面
3.4W+39011
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访260天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省驻马店市管理员
发布380
排序
2025-07-10
07-10
7B2主题 - 移动端底部菜单栏-汇聚访

实用7B2主题 – 移动端底部菜单栏

今天给大家分享一下WordPress网站7B2主题移动端底部菜单栏的美化教程，其他WordPress主题可能不适用！美化的内容主要是修改了移动端菜单栏的位置，不涉及图标的修改！ 演示效果： 代码部署： [hidecontent type="reply"] 修改文件：b2/Assets/fontend/mobile.css （有些可能不止一个，但是看对应代码就能辨别，差不多的就是） 1.查找：.mobile-footer-menu.footer-fixed{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu.footer-fixed{ position: fixed; padding-bottom: calc(env(safe-area-inset-bottom) + 6px); } /*修改*/ 2. 查找：.mobile-footer-menu{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu{ box-shadow: 0 -1px 3px 0 rgba(26,26,26,.1); padding: 5px; z-index: 5; flex-flow: nowrap; display: flex;...
4个月前
建站笔记
2025-08-09
08-09
子比主题 - 便签提示小工具-汇聚访

实用子比主题 – 便签提示小工具

大家好，今天汇聚访给大家带来一款便签小工具，这个效果感觉还是比较清新的，放在哪里看你自己吧，我推荐放在文章的上面，这样比较好看一点，不喜欢这个颜色的话可以自己修改一下，话不多说直接开始部署教程吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码（当然你直接放在小工具里也是可以的）： /*汇聚访：www.huijuf.com*/ .single-gg,.single-gg-left{display:flex;align-items:center}.single-gg{height:50px}.single-gg-left{flex:1;padding:10px;background-color:#40b0ff;border-radius:8px 0 0 8px}.single-gg-img{height:30px;width:30px}.single-gg-img img{height:100%;width:100%}.single-gg-desc{margin-left:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;}.single-gg-right{position:relative;display:flex;height:100%;width:100px;justify-content:center;align-items:center;background-color:#40b0ff;border-radius:0 4px 4px 0;border-left:1px dashed #fff}.single-gg-right::after,.single-gg-right::before{content:'';position:absolute;width:10px;height:5px;left:-5px;background-color:#fff}.single-gg-right::before{top:0;border-radius:0 0 5px 5px}.single-gg-right::after{bottom:0;border-radius:5px 5px 0 0}.single-gg-btn{display:block;padding:5px 5px;font-size:14px;background-color:#fff;color:#40b0ff !important;border-radius:4px} /*汇聚访：www.huijuf.com*/ 下面这段代码放在小工具-自定义html里即可： /*汇聚访：www.huijuf.com*/ <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img...
3个月前
建站笔记
2025-08-21
08-21
子比主题 - 数据库替换修改插件-汇聚访

实用子比主题 – 数据库替换修改插件

大家好，今天汇聚访给大家带来一款数据库替换修改插件，这个理应来说是Wp通用的，作者是...
3个月前
功能插件
2025-09-16
09-16
子比美化 – 侧边用户UA信息小工具-汇聚访

实用子比美化 – 侧边用户UA信息小工具

这是一款子比主题的侧边侧边用户UA信息小工具，这款小工具非常详细的定位当前的位置，并且还有精准的IP，主要是通过api接口获取的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：小工具-侧边栏-自定义html代码中添加以下代码即可： <div class="ua-info-widget" style="border: 1px solid #333; border-radius: 10px; padding: 15px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); background-color: #1a1a1a; color: #f0f0f0; max-width: 300px; transition: all 0.3s ease;"> <h3 style="margin-top: 0; color:...
2个月前
建站笔记
2025-10-08
10-08
WordPress插件 - 随机用户头像插件-汇聚访

实用WordPress插件 – 随机用户头像插件

这是WordPress的一款随机用户头像插件，这款插件安装以后随机分配你提前准备好的...
1个月前
功能插件
2025-10-20
10-20
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
1个月前
建站笔记
2025-11-14
11-14
Ri主题 - 顶部导航栏开通会员图标-汇聚访

实用Ri主题 – 顶部导航栏开通会员图标

这是一款RiProV5主题的顶部导航栏开通会员图标，之前我也发过几种导航栏的开通会员图标，但是那几个几乎都差不多，今天汇聚访给大家带来一款全新的，夜间模式我没有适配，需要的自行适配一下吧，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSmenu.php 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .btn-floating.btn-sm, .btn-group-sm>.btn-floating.btn { width: 1.8125rem; height: 1.8125rem; transition: all 0.3s ease; } .btn-floating.btn-sm:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(103, 58, 183,...
35天前
建站笔记
2025-11-30
11-30
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

实用子比主题 – 文章列表多种动画效果美化（四款）

这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [hidecontent type="reply"] 无论是哪一款，代码都是直接放在主题后台设置 - 自定义CSS代码样式中的！代码已进行压缩！ 第一款第二款第三款第四款 .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} .posts-item{animation:floatUpRotate 0.8s ease forwards}@keyframes floatUpRotate{0%{opacity:0;transform:translateY(30px)...
19天前
建站笔记
2025-12-18
12-18
子比主题 - 用户预设头像&封面插件-汇聚访

实用子比主题 – 用户预设头像&封面插件

这是一款子比主题的用户预设头像及其预设封面插件，此插件可使站长设置网站的用户预设头像...
前天
功能插件
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画（两款）-汇聚访

实用子比主题 – 网站进入Loading加载动画（两款）25/10/28更新

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创为星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码中添加以下代码即可： 第一款第二款 /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(https://pic1.imgdb.cn/item/690042a83203f7be00a8ee38 .svg); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut...
7个月前
建站笔记
1…7891011…38跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部