汇聚访-汇聚访-第12页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-06-07
06-07
子比主题 - 首页排名榜样式美化-汇聚访

实用子比主题 – 首页排名榜样式美化

今天给大家分享一款首页排行榜样式的美化教程，这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始(适配夜间）！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个！ 将文章附件的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜： <?php get_sidebar(); ?> 随后将文章附件里的CSS放在后台自定义CSS样式里！pic文件夹里的图片素材放在网站根目录，可自行在CSS代码里调整图片引入路径哦~ [/hidecontent]
子比主题子比美化建站笔记
2025-06-07
06-07
子比主题 - 文章页顶部导航栏美化-汇聚访

实用子比主题 – 文章页顶部导航栏美化

今天逛站的时候，发现了这个面包屑导航的美化样式，今天分享给大家！ 演示效果： 代码部署： [hidecontent type="reply"] /* 面包屑导航容器样式 */ .breadcrumb { display: flex; align-items: center; list-style: none; padding: 1.5rem 2rem; margin: 0; background: linear-gradient(135deg, #f0f6ff, #e6f0ff); border: 1px solid #c3d9ff; border-radius: 1rem; box-shadow: 0 6px 12px...
子比主题子比美化建站笔记
2025-06-07
06-07
子比主题 - 多功能组件打字效果-汇聚访

实用子比主题 – 多功能组件打字效果

今天看到了这个打字效果，特别好看，今天分享给大家！ 演示效果： 代码部署： [hidecontent type="payshow"] Zibll主题设置->页面&显示->顶部多功能组件->叠加搜索组件->额外内容！ <div class="em16 font-bold mb10">汇聚访www.huijuf.com</div> <div id="index-tips" style="height:25px;"></div> Zibll主题设置->全局&功能->自定义代码->自定义底部HTML代码！ 注意：自信更换beat_text.js的路径，否则无法生效！beat_text.js我放在文件附件里了，自行下载！ <!--FOOTER_CODE_START--> <script src="/xiazai/beat_text.js" type="text/javascript"></script> <!--tiaodongbiaoti--> <script type="text/javascript"> var typed = new Typed("#index-tips", { strings: ["本站所有积分资源均可签到获取","设计，创新，动力，为主题美化设想！","能量加持，发挥巨大生产力，重塑主题驱动之力！","美化强势动力来自热爱，巨强大，新维度！"], startDelay: 100, //启动延迟 backDelay: 2000,...
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

实用子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML 放在子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative;...
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

实用子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 文章页隐藏侧边栏按钮-汇聚访

实用子比主题 – 文章页隐藏侧边栏按钮

大家好，今天汇聚访给大家分享一款子比主题的文章页隐藏侧边栏按钮，这个效果也是非常便捷，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在wp-content\themes\zibll\inc\functions\zib-single.php中找到以下图片中的代码： 直接搜zib_get_post_more_dropdown就可以直接找到这串代码，然后把这段代码里这串代码替换成我发的！ function zib_get_single_meta_box($class = 'abs-right', $direction = 'down') { if (!is_single()) { return; } $more_dropdown = zib_get_post_more_dropdown(null, 'pull-right', 'but cir post-drop-meta', zib_get_svg('menu_2'), $direction); $more_dropdown = $more_dropdown ? '<div class="clearfix...
子比主题子比美化建站笔记
2025-06-09
06-09
绿色软件-谷歌浏览器v135.0.7049.42 便携增强版-汇聚访

绿色软件-谷歌浏览器v135.0.7049.42 便携增强版

软件介绍： Google Chrome浏览器增强版，Chrome 的用户界面简...
绿色软件Windows绿色版开心版
2025-06-11
06-11
绿色软件-XMindv25.04.03523绿色便携版-汇聚访

绿色软件-XMindv25.04.03523绿色便携版

软件介绍： XMind 2024中文破解版(XMind思维导图2024)是一款...
绿色软件Windows绿色版开心版
2025-06-15
06-15
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

实用子比主题 – 可爱的返回顶部悬挂猫

在浏览网页时，想要快速回到顶部？可爱的返回顶部悬挂猫来帮忙啦！它不仅实用，能让你瞬间 “归位”，其萌态更是为网页浏览增添一抹趣味。接下来就一起看看它的奇妙用法吧。 演示效果： 代码部署： [hidecontent type="reply"] 首先上传文件到一个可以访问地方，文件我放在文章附件里了，自行下载即可！接着将代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中并进行修改，接着修改szgotop.css中，如下图位置的图片文件地址！ function back_to_top_cat() { echo '<script src="cat.js文件路径"></script> <script type="text/javascript" src="szgotop.js文件路径"></script> <link rel="stylesheet" type="text/css" href="szgotop.css文件路径" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); [/hidecontent]
子比主题子比美化建站笔记
2025-06-15
06-15
子比主题 - 昼夜切换模式新增过度动画-汇聚访

实用子比主题 – 昼夜切换模式新增过度动画

今天给大家分享一个昼夜切换的过度动画，原作者为囚墨，希望大家能够喜欢！话不多说，直接开始部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先找到相应的代码位置： /wp-content/themes/zibll/js/main.min.js，这里的代码是压缩过的，可以将main.js里的代码复制到main.min.js里，替换代码后再将代码进行压缩即可！随后搜索主题切换，替换主题切换事件方法！ $('.toggle-theme').click(function(e) { // 缓存所有DOM元素和初始值，避免重复查询 var body = $('body'); var isDark = body.hasClass('dark-theme'); var tinymceBody = $('#post_content_ifr').contents().find('body'); var enlighter = $('.enlighter-default'); var highClasses = { white: 'enlighter-t-' + _win.highlight_white_zt, dark:...
子比主题子比美化建站笔记
1…1011121314…30跳转
热评