汇聚访-汇聚访-第26页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访195天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-05-06
05-06
子比主题 - 给网站底部添加一个蓝色矩形循环跳动动画-汇聚访

实用子比主题 – 给网站底部添加一个蓝色矩形循环跳动动画

之前不是发了一个相似教程吗，现在着手修改了下，比原来好看的多（字变大了些）！ 演示效果： 代码部署： [hidecontent type="reply"] 后台小工具页面添加以下html并放置于底部全宽度即可 <div class="widget-graphic-cover mb20 hidden-xs"><div style="--font-size:30px;"><div class="graphic hover-zoom-img noshadow mb10 " style="padding-bottom: 16%!important;"><video autoplay="" loop="" muted="" class="fit-cover lazyloading" data-src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" poster="https://oss.zibll.com/zibll.com/2024/03/20240317190819420-蓝色矩阵跳动-封面.jpg"></video><div class="abs-center text-center graphic-text this-font"><div class="em12 mb10 font-bold">专心做好一件事</div> 致力创造一个高质量分享平台</div></div></div></div> [/hidecontent]
子比主题子比美化建站笔记
2025-05-06
05-06
子比主题 - 给文章内超链接加上波浪效果-汇聚访

实用子比主题 – 给文章内超链接加上波浪效果

目前这个美化还并不是很多，喜欢的朋友可以使用看看效果，很简单把代码添加到合适的位置即可，应该所有WordPress网站都可以使用。只需两行代码即可实现！ 演示效果： 代码部署： [hidecontent type="reply"] /*超链接下波浪线*/ .wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite...
子比主题子比美化建站笔记
2025-05-07
05-07
子比主题 - 文章顶部信息v4.0版本(插件版)-汇聚访

实用子比主题 – 文章顶部信息v4.0版本(插件版)

本插件由墨星博客站长开发制作，开发不易。本次更新内容为： 1.新增后台 可自由...
WP插件子比主题子比美化美化插件
2025-05-14
05-14
子比主题 - 右侧新版悬浮导航美化版本修正版本-汇聚访

实用子比主题 – 右侧新版悬浮导航美化版本修正版本

子比主题现在右侧悬浮导航还是比较不错的，功能页比较全面，如果有喜欢折腾的朋友可以自己修改下，右侧悬浮导航，此教程是从其他博客看到后觉着不错，可以学习下，喜欢的朋友可以自己测试，只显示电脑端，手机端空间太小，影响阅读、美观。 演示效果： 代码部署： [hidecontent type="payshow"] CSS自定义底部HTML 添加教程第一步首先就是添加CSS，zibll主题设置—全局功能—自定义代码—自定义CSS样式添加以下CSS代码！ .gotop { position: fixed; bottom: 20%; right: 1%; z-index: 999; }/*www.huijuf.com*/ .gotop-box{ box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08); border-radius: 8px; background: #fff; } .gotop .gotop-item{ color:...
子比主题子比美化建站笔记
2025-05-07
05-07
子比主题 - 冬日奇境主题美化插件-汇聚访

实用子比主题 – 冬日奇境主题美化插件

子比主题·冬日奇境是一款专为WordPress子比主题设计的冬季圣诞节风格美化插件。...
WP插件子比主题子比美化美化插件
2025-05-14
05-14
子比主题 - PC底部展示网易云热评-汇聚访

实用子比主题 – PC底部展示网易云热评

这个原创是由星雨博客站长做的，最初是打算做成冒泡上浮的那种效果，后来觉得简洁的弹窗更为合适，这个弹窗我一共做了两种效果，才呈现出来现在的效果，有能力的小伙伴可进行二次开发创作，那么废话不多说，直接来看效果！ 演示效果： 第一款： 第二款： 代码部署： [hidecontent type="payshow"] 效果①效果② 进入wordpress后台-外观-小工具-自定义html代码-所有页面 底部全宽度 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0...
子比主题子比美化建站笔记
2025-05-14
05-14
子比主题 - 添加灵动岛样式美化-汇聚访

实用子比主题 – 添加灵动岛样式美化

这是一款模仿苹果灵动岛一个样式代码，代码是扒的mac站长的一个样式，然后对于灵动岛，里面是比如用户访问哪个页面或者文章分类等，他会调用该页面的标题来欢迎的灵动岛，消息和用户中心我是单独判断的一个样式，话不多说直接上演示！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义CSS自定义头部HTMLPHP .dynamic-island:hover img {width:30px; height:30px;;} .bars {display:flex;align-items:center; justify-content:flex-end; gap:3px;} .bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;} .bar:nth-child(1) {animation-duration:1s;} .bar:nth-child(2) {animation-duration:0.9s;} .bar:nth-child(3) {animation-duration:0.8s;} .bar:nth-child(4) {animation-duration:0.7s;} .bar:nth-child(5) {animation-duration:0.6s;} .bar:nth-child(6) {animation-duration:0.9s;} .bar:nth-child(7) {animation-duration:0.7s;} .dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%)...
子比主题子比美化建站笔记
2025-05-08
05-08
子比主题 - 子比虚拟用户管理插件v4.5-汇聚访

实用子比主题 – 子比虚拟用户管理插件v4.5

子比虚拟用户管理插件不是简单的数据造假工具，而是通过智能化的用户行为模拟，帮助优质内...
WP插件子比主题功能插件
2025-05-18
05-18
子比主题 - 旋转小人小工具-汇聚访

实用子比主题 – 旋转小人小工具

今天逛友链的时候,看到一个十分漂亮的小工具，于是就扒了下来，在这里分享给大家哦·~ 演示效果： 代码部署： [hidecontent type="payshow"] JS代码和CSS及其图片都可以放在本地，以防丢失哦~ <div style="background:#fff;border-radius:15px;padding:10px 20px;" class="card-widget card-announcement"> <div class="item-headline"><i style="font-size:20px;color:red;" class="fa fa-bullhorn"> </i> <span style="font-size:15px;font-weight:700;margin-left:3px;line-height:15px;"> 公告</span></div> <div class="announcement_content">        <p>不定时更新博客，欢迎交换<a href="/links.html"><strong>友链</strong></a>...</p> <div class="twopeople"> <div class="container" style="height:200px;"><canvas class="illo" width="1200" height="1200"...
子比主题子比美化建站笔记
2025-05-22
05-22
子比主题 - 侧边栏新增一个信息展示框-汇聚访

实用子比主题 – 侧边栏新增一个信息展示框

今天无聊逛站的时候，看到了一个非常好看的侧边小工具，于是我就扒了下来，今天分享给大家哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 外观-小工具-侧边栏（自定义HTML代码区块）自己把图片内置在本地！ HTMLCSS <div class="mhy-qrcode-top-card"> <div class="mhy-qrcode-top-card__role-image" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022256633.png);"> </div> <div class="mhy-qrcode-top-card__role-content"> <div class="mhy-qrcode-top-card__role-content-background" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519022519860.png);"> <div class="background__welcome"> <div class="background__welcome-image" style="background-image: url(https://webstatic.mihoyo.com/upload/static-resource/2023/03/06/14e05cd4d8b0babd6c7985fc 1f5801e5_689092345277877987.png);"> </div> <div class="background__welcome-text_img" style="background-image: url(https://oss.longs.cn/images/2025/05/20250519025425992.webp);"> </div> </div> </div> <div...
子比主题子比美化建站笔记
1…2425262728…30跳转
热评