汇聚访-汇聚访-第10页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-08-20
08-20
子比主题 - 首页广告图片文字代码-汇聚访

实用子比主题 – 首页广告图片文字代码

大家好，今天汇聚访给大家带来一款广告图片文字代码，这个代码适配所有网站，默认双端显示，可自行更改仅PC端显示或者仅移动端显示，非常适合站长使用，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将代码放到：后台-外观-小工具-自定义HTML即可： <style> @media screen and (max-width: 1000px) { .pc-wobbt { display: none; } } /* pc-wobbt 仅PC端显示 根据需求改放图片盒子代码 <div class="wobbt-img pc-wobbt"> */ @media screen and (min-width: 1000px) { .m-wobbt{display:none; }}...
子比主题子比美化建站笔记
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 */...
子比主题子比美化建站笔记
2025-10-03
10-03
子比主题 - 幻灯片循环滚动波浪动画-汇聚访

实用子比主题 – 幻灯片循环滚动波浪动画

这是子比主题的一款幻灯片循环滚动波浪动画，可以放在任何位置，我这里放在了多功能组件这里，看起来非常不错，教程也比较简单属于一键部署，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS 定位：网站后台->Zibll主题设置->全局&功能->自定义代码->自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .parallax { fill: var(--body-bg-color); } .parallax > use { animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; opacity:...
子比主题子比美化建站笔记
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-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
子比主题子比美化建站笔记
2025-08-22
08-22
子比主题 - 评论区添加动漫小人结尾-汇聚访

实用子比主题 – 评论区添加动漫小人结尾

大家好，今天汇聚访给大家带来一个评论区添加动漫小人结尾的样式，这个样式适应于二次元的站点，加上去感觉比较吸引人的注意力吧，未登录和未评论及手机端都做了适配，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 图片我是放在了图床，为了防止图片素材丢失，我这里建议你直接下载下来，然后放在本地。 首先找到/wp-content/themes/zibll/template/comments.php这个文件随后搜索comment-null这个代码，然后在他下面添加以下代码即可（搜出来会有两个结果，都添加即可，图片为两个地方添加后的代码）： /*汇聚访：www.huijuf.com*/ echo '<img src="https://pic1.imgdb.cn/item/68a7d9a458cb8da5c841d276 .png">'; /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 渐变首页栏目美化-汇聚访

实用子比主题 – 渐变首页栏目美化

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
子比主题子比美化建站笔记
2025-08-22
08-22
特效代码 - 文字红色闪动动画-汇聚访

特效代码 – 文字红色闪动动画

大家好，今天汇聚访给大家带来一个文字红色闪动动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] CSSHTML 首先在你网站里添加css样式，代码如下： #titls{font-size:5.125rem;animation:animate 0.5s linear infinite;}@keyframes animate{0%,25%{text-shadow:2px 2px 2px #ff6384;}50%{text-shadow:2px -2px 2px #ff6384;}75%{text-shadow:-2px 2px 2px #ff6384;}100%{text-shadow:-2px -2px 2px #ff6384;}}#titlschi{display:block;color:#fafafa;font-size:3.25rem;letter-spacing:0;text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px...
特效代码动画特效
2025-09-20
09-20
图片素材 - 段位等级图标-汇聚访

精美图片素材 – 段位等级图标

今天汇聚访给大家分享一组段位等级图标的素材，这一组一共有25个，分为好几个段位，有需...
图片素材图文素材
1…89101112…30跳转
热评