汇聚访-汇聚访-第3页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
2025-08-21
08-21
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
子比主题子比美化建站笔记
2025-07-26
07-26
子比主题 - 顶部多功能导航区块-汇聚访

实用子比主题 – 顶部多功能导航区块

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放在小工具即可： <style> /*汇聚访：www.huijuf.com*/ .slide_6_search { height:68px; width:1200px; position:relative; z-index:12; margin:0 auto; margin-top:-100px; z-index:1; top:-120px } .slide_6_search .searchbox { width:1010px; margin:0 auto; background:rgba(255,255,255,0.5); height:48px; border-radius:5px; padding:10px } /*汇聚访：www.huijuf.com*/ .slide_6_search .searchbox .search_input...
子比主题子比美化建站笔记
2025-08-16
08-16
子比主题 - 多功能自定义右键菜单-汇聚访

实用子比主题 – 多功能自定义右键菜单

大家好，今天汇聚访给大家带来一款多功能自定义右键菜单，这个效果也是十分好看，可添加其他需要跳转的页面或内容，唯一的缺点就是手机端适配不太好，手机端也会出现，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTML代码CSS代码JS代码 投放至 footer.php 或 header.php 文件 body 标签内。 <div id="macgfyj"> <div data-macgf-cd id="rightMenu"> <div data-macgf-cd class="rightMenu-group rightMenu-small"> <div data-macgf-cd class="rightMenu-item" id="menu-home"> <a data-macgf-cd class="rightMenu-item" href="https://www.huijuf.com"> <i data-macgf-cd class="fa fa-home" aria-hidden="true"...
子比主题子比美化建站笔记
2025-08-03
08-03
子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 合作用户列表图片样式-汇聚访

实用子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 演示效果： 代码部署： [hidecontent type="payshow"] 一共两个部分的代码，一个是HTML，一个是css样式 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">汇聚访感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div>...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 猫耳朵样式-汇聚访

实用子比主题 – 猫耳朵样式

猫耳朵美化是一种针对手机或电脑等设备的界面美化方案。这种美化方案以猫耳朵为主题，设计了一系列相关的图标、壁纸、字体等元素，使设备的界面看起来更加可爱、生动。总的来说，猫耳朵主题美化是一种针对设备界面的全方位美化方案，旨在为用户提供更加个性化、有趣的界面体验。 演示效果： 代码部署： [hidecontent type="reply"] 将下面CSS代码加入到后台CSS里即可 /*悬浮按钮猫耳朵*/ /*www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://blog.zbiwl.com/image/cat.jpg) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%;...
子比主题子比美化建站笔记
2025-05-31
05-31
子比主题 - 文章详情页带Tab切换美化-汇聚访

实用子比主题 – 文章详情页带Tab切换美化

大家好，今天汇聚访给大家带来子比主题的文章详情页带Tab切换的功能，这个效果是腾飞先整出来的，适合所有子比站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图！ 然后我们将一整块替换我下面的代码，直接替换我修改过的代码！ function zib_single() { zib_single_header(); do_action('zib_single_before'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 详情</div> <div class="tab"...
子比主题子比美化建站笔记
2025-07-10
07-10
7B2主题 - 加个好看的底部导航-汇聚访

实用7B2主题 – 加个好看的底部导航

今天给大家分享一款7b2主题的底部导航代码，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="payshow"] 第一步 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_id='.$postid); //获取文章的所有评论 if ($comments) { $i=0; $j=0; $commentusers=array(); foreach ($comments as $comment) { ++$i; if ($i==1) { $commentusers[] = $comment->comment_author_email; ++$j; }...
7B2主题7b2美化建站笔记
2025-08-03
08-03
子比主题 - 叠加封面卡片开通会员弹窗-汇聚访

实用子比主题 – 叠加封面卡片开通会员弹窗

大家好，我是汇聚访今天给大家带来叠加封面卡片组件点击卡片弹出开通会员的教程，这个比较简单，主要是我看到有人在到处问，于是我就想出个教程，帮助一下那些不会的人，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 直接在子比后台-页面&显示-顶部多功能组件-叠加封面卡片组件中的文案标题添加这段代码即可： <a class="pay-vip" href="javascript:;">VIP会员 <badge class="ml6 jb-pink">权益<span class="fa fa-angle-right em12"></span></badge></a> [/hidecontent]
子比主题子比美化建站笔记
2025-08-20
08-20
子比主题 – 仿张洪Heo页脚样式美化-汇聚访

实用子比主题 – 仿张洪Heo页脚样式美化

大家好，今天汇聚访给大家带来一篇仿张洪Heo页脚样式的美化，这个页脚适配了白天、黑夜模式，同时也适配了手机端，看着还是不错的，但是每个人审美不同，如有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要先将下面的代码删掉： <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 删掉后我们将开始放入这篇的页脚美化，我们放到下面代码的上面： <?php wp_footer(); ?> 接着我们把下方1代码放在上面代码的上面即可（里面的跳转链接及其文字自行修改即可）： <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9 */...
子比主题子比美化建站笔记
12345…30跳转
热评