汇聚访-汇聚访-第9页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-04-29
04-29
子比主题 - 文章标签美化-汇聚访

实用子比主题 – 文章标签美化

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 操作非常简单，打开[Zibll主题设置] – [全局&功能] – [自定义代码] – [自定义CSS样式]，添加下面的CSS代码即可。 /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color:...
子比主题子比美化建站笔记
2025-08-27
08-27
子比主题 – 二次元文章排行榜小工具-汇聚访

实用子比主题 – 二次元文章排行榜小工具

大家好，今天汇聚访给大家带来一款二次元文章排行榜小工具，之前也发过其他样式的排行榜小工具，这个风格比较偏二次元，作者是苏晨，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] <?php Zib_CFSwidget::create('widget_rank', array( 'title' => 'top-热门排行榜', 'zib_title' => true, 'zib_affix' => true, 'zib_show' => true, 'description' => '二次元风格热门文章排行榜', 'fields' => array( array('title' => '排行榜1名称', 'id' => 'hot_1', 'type' => 'text',...
子比主题子比美化建站笔记
2025-04-29
04-29
子比主题 - 页脚底部按钮美化-汇聚访

实用子比主题 – 页脚底部按钮美化

子比主题底部辨识度不高，这里做一下美化，提高用户辨识度，比较简单，也不影响网站速度 演示效果： 代码部署： [hidecontent type="reply"] 主题设置 -> 页面&显示 -> 页脚底部 将以下代码粘贴到：板块二位置即可 <p class="fcode-links"> <style type="text/css"> .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; background-color: #abbac3; margin-bottom: 5px; } .github-badge .badge-subject {...
子比主题子比美化建站笔记
2025-04-28
04-28
子比主题 - 文章页添加顶部信息-汇聚访

实用子比主题 – 文章页添加顶部信息

这是一款子比主题的二次元顶部信息，子比论坛有人发，我就扒了一下，以下代码放在func.php中。阅读字数不准确自己调，实在不行就删掉。代码比较简约自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] // 定义一个函数来输出文章头部相关内容 function custom_output_article_header() { ob_start(); global $post; if ( is_single() && $post ) { $categories = get_the_category( $post->ID ); $category_links = array(); if ( $categories ) { foreach (...
子比主题子比美化建站笔记
2025-08-24
08-24
子比主题 – 首页左侧快捷导航美化-汇聚访

实用子比主题 – 首页左侧快捷导航美化

大家好，本次汇聚访给大家带来一款子比主题的首页左侧快捷导航美化样式，只会在电脑版本显示，效果还是非常不错的，比较便捷，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码CSS代码首页配置 首先在路径：/wp-content/themes/zibll/index.php文件里面我们将下面的代码放到</main>的下面 #号 zuixinfabu不要动，后面跟的两个分类的bbmh和zbmh是分类别名。跳转至对应的卡片列表，如果你想要跳转到哪个小工具那个地方你加一个<div id=”标签名字”>，然后改下面的代码#标签即可！ /*汇聚访：www.huijuf.com*/ <ul id="menu" class="ontop show" style="background:var(--main-bg-color);"> <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布" style="color:var(--key-color);" class="">最新发布</li></a> <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2美化" style="color:var(--key-color);" class="">B2美化</li></a> <a...
子比主题子比美化建站笔记
2025-08-22
08-22
子比主题 – 网站文章内容弹窗提示（两款弹窗）-汇聚访

实用子比主题 – 网站文章内容弹窗提示（两款弹窗）

大家好，今天汇聚访给大家带来两款网站文章内容弹窗提示，复制的时候会弹出弹窗，整体效果还是不错的，第二款的弹窗是在内容末尾加版权信息，有喜欢的的自行部署吧！ 演示效果： 第一款： 第二款： 代码部署： [hidecontent type="reply"] 第一款第二款 将下面的代码放到：子比主题–>>自定义javascript代码即可！ /* 复制提示 */ document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});}; /*汇聚访：www.huijuf.com*/ 随后将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ <!-- 复制提示框 --> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，自行修改文字！ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script> <!-- 复制自动添加版权声明 --> <script type="text/javascript"> $(document).on("copy",...
子比主题子比美化建站笔记
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-24
08-24
子比主题 – 给登录模块下拉菜单窗口美化-汇聚访

实用子比主题 – 给登录模块下拉菜单窗口美化

大家好，今天汇聚访给大家带来子比主题登录模块下拉菜单窗口美化，图片可以自行更换，教程需要修改主题文件代码，请先备份前再进行修改，话不多说，有喜欢的自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码： signin-loader"><div class="badg mb6 toggle-radius c-blue"> 随后按照图片的打上注释或者删除，然后添加以下代码： $href .= '<img style="height:150px;weight:150px;" src="https://img.alicdn.com/imgextra/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader">class="explain">主人，请点击头像登录后查看哦~</class=><div class="flex jsa header-user-href">'; [/hidecontent]
子比主题子比美化建站笔记
2025-09-05
09-05
子比主题 – 文章段落渐变背景样式（四款）-汇聚访

实用子比主题 – 文章段落渐变背景样式（四款）

这是一款子比主题的段落美化，原作者为论坛的手可摘星辰，一共有四种颜色风格，你可以自行引用，也可以直接设置为区块，话不多说，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 绿色渐变橙色渐变蓝到粉渐变灰色渐变 <p class="gradient-paragraph gradient-4"> 这是一个绿色渐变背景示例。清新的颜色让人联想到自然和成长，适合用于环保、健康或积极主题的内容。 </p> <style> .gradient-paragraph { margin-bottom: 30px; padding: 25px; border-radius: 12px; line-height: 1.8; font-size: 1.6rem; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0,...
子比主题子比美化建站笔记
2025-09-14
09-14
子比主题 - 底部页脚样式-汇聚访

实用子比主题 – 底部页脚样式

这是子比主题的一款底部页脚样式，原来是森路语上面的页脚样式，腾飞搞了下来做了适配，然后狐狸在论坛发了出来，但是一些代码没有适配，我呢适配了一下，目前友情链接可进行Wordpress的评级星级进行排序，同时支持指定降序，数据库查询时间及加载时间都用代码做了适配，目前就剩黑夜模式没有适配，有能力的自行适配一下吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 和之前的页脚部署一样，找到子比主题的footer.php文件，然后放在以下代码的上面： <?php wp_footer(); ?> 页脚代码如下（css代码你也可以放在后台，也可以创建一个文件引用进去，自己喜欢那个方式就用哪个）： <div class="footer-fav"> <div class="wrapper footer-fav-top"> <div class="Onecad_fl site-info"> <h2>汇聚访 www.huijuf.com</h2> <div class="site-p"><p>本站致力于分享优质实用的互联网资源，内容包括有网站搭建、建站源码、样式特效、主题美化、实用工具、素材资源、技术教程，致力打造一个IT博客！</p></div> </div> <div class="fr site-fav"> <a class="btn btn-fav btn-orange"> <i class="tubiao wei-shoucang1"></i> 按Ctrl+D收藏本站 </a>...
子比主题子比美化建站笔记
1…7891011…30跳转
热评