子比美化 第4页
2025-09-26
09-26
子比主题 – 首页NEW居中动态标题样式-汇聚访

实用子比主题 – 首页NEW居中动态标题样式

这是子比主题的一款 首页NEW居中动态标题样式，之前也发过别的这样的样式，但是这个有个特点就是刷新网页的时候会动态加载，相比之前发的可能更加好看一点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码丢里面即可！ <div class="post-header"> <div class="post-title-wrap"> <span class="post-title">最新文章</span> <span class="post-dot"></span> </div> <div class="post-subtitle"> <span class="line left-line"></span> <span class="subtitle-text">学无止境，活到老，学到老</span> <span class="line right-line"></span> </div> </div> <style> .post-header{display:flex;flex-direction:column;align-items:center;margin:5px 0;width:100%;}.post-title-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.post-title{font-size:28px;font-weight:800;color:#222;text-shadow:2px 2px 8px rgba(0,0,0,0.12);}.post-dot{width:10px;height:10px;border-radius:50%;background:#ff6b6b;box-shadow:0 0...
子比主题建站笔记
2025-09-22
09-22
子比主题 - 侧边广告小工具-汇聚访

实用子比主题 – 侧边广告小工具

这是子比主题的一款侧边广告小工具，里面的广告图和标签可以可视化自定义修改，并且点击联系方式调用的是子比主题的弹窗，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接把代码放在func.php文件里，没有的话自己创一个，记得加上<?php，否则代码会报错，随后在文件里添加以下代码即可： /** * HEIMAO - 侧边广告卡片小工具 */ if (!class_exists('ZB_Side_Ad_Widget')) { class ZB_Side_Ad_Widget extends WP_Widget { public function __construct() { $widget_ops = array( 'description' => '广告卡片样式，支持自定义图片、链接、标题、标签、QQ号', ); parent::__construct('zb_side_ad_widget', '汇聚访 - 侧边广告卡片',...
子比主题建站笔记
2025-09-22
09-22
子比主题 - 卡片三点和时间显示功能-汇聚访

实用子比主题 – 卡片三点和时间显示功能

这是子比主题的一款卡片模式的美化，主要是给卡片模式增加了类似Mac系统的三点样式以及发帖时间，这个发帖时间是自适应的，可根据屏幕大小自由显示，总体效果还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] zib-posts-list.phpCSS 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，我们在这个文件里面搜： function zib_posts_mian_list_card($args = array()) 直接将整个代码替换就行，因为子比更新没有动这个地方，后面更新子比记得来继续安装教程改，如下图所示： //获取卡片模式的文章列表 function zib_posts_mian_list_card($args = array()) { $graphic = zib_get_posts_thumb_graphic(); $title = zib_get_posts_list_title(); $badge = zib_get_posts_list_badge($args); $meta = zib_get_posts_list_meta(!$args['no_author'], true); $class = 'posts-item ajax-item...
子比主题建站笔记
2025-09-22
09-22
子比主题 - 精美弹窗样式美化-汇聚访

实用子比主题 – 精美弹窗样式美化

今天汇聚访给大家分享一款网站的精美弹窗，不依赖于子比的弹窗仅用代码实现，原作者应该是腾飞，CSS代码和JS在一起，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义javascript代码，将代码放到里面，自己修改一下里面的内容即可！ jQuery(document).on('click', '.user-online-status .but', function () { var $this = jQuery(this); var $container = $this.closest('.user-online-status'); var status = $this.data('sta'); var nonce = $container.find('#user_online_status_nonce').val() || window.user_online_status_nonce || ''; if ($this.data('processing')) return;...
子比主题建站笔记
2025-09-22
09-22
子比主题 - 网页弹窗样式美化-汇聚访

实用子比主题 – 网页弹窗样式美化

这是一款子比主题的弹窗，主要应用于IPA资源站的，我上传的二维码图片有点大了，自己调整下图片大小即可，内容均可自行修改，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台-全局&功能-常用功能-弹窗通知，窗口尺寸你自行选择，弹窗标题选择默认样式即可，当然你也可以选择炫彩的，标题内容为空，随后把下方代码复制到弹窗内容，里面内容自行修改： <div><!-- 引入指定的阿里矢量图JS资源 --> <script src="//at.alicdn.com/t/c/font_4679546_26cbozjlll1.js"></script> <!-- 弹窗核心样式（优化移动端横向排版） --> <style> /* 仅作用于弹窗内部的隔离样式，前缀zibll-ipa-防止与主题冲突 */ .zibll-ipa-container { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0,...
子比主题建站笔记
2025-09-20
09-20
子比主题 - 简约侧边栏样式-汇聚访

实用子比主题 – 简约侧边栏样式

今天汇聚访给大家带来一款新的侧边栏样式，这是比较简约的一款样式，原作者应该是腾飞，之前也发过一种侧边栏样式，那个看起来比较花，但是这个比较简约，萝卜青菜各有所爱嘛，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比后台设置-自定义底部HTML代码中添加以下代码即可（代码没有压缩，方便编辑，觉得太长的可以压缩一下！）： <div class="comfortable-nav"> <div class="nav-item vip-item-right"> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <div class="vip-pulse"></div> <i class="fa fa-diamond nav-icon"></i> <div class="vip-panel"> <h4><i class="fa fa-diamond"></i> 开通会员享特权</h4> <div class="vip-benefits"> <div class="vip-benefit"> <i class="fa fa-check"></i> <span>专属内容无限访问</span></div>...
子比主题建站笔记
2025-09-18
09-18
子比主题 - 快捷登录按钮互换-汇聚访

实用子比主题 – 快捷登录按钮互换

这是子比主题的快捷登录大按钮互换样式，原本QQ登录是在微信登录的前面，这个效果让两者互换了一下位置，其实我感觉都是无所谓的，但是有的人可能有强迫症，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置-自定义css代码里添加以下代码即可： /*汇聚访：www.huijuf.com*/ .social_loginbar {display: flex;flex-direction: row-reverse;} /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题建站笔记
2025-09-16
09-16
子比美化 - 多引擎搜索卡片-汇聚访

实用子比美化 – 多引擎搜索卡片

这是子比主题的一款多引擎搜索卡片，直接也发过类似的两三个，但是那几个只能进行百度搜索，今天分享的这个，可以多搜索引擎进行搜索，也是十分的便捷，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：小工具-侧边栏-自定义html中添加以下代码： <div class="search-widget"> <div class="banner"> <span class="engine-title">搜索引擎</span> <select id="searchEngine" class="engine-selector"> <option value="bing">必应</option> <option value="baidu">百度</option> </select> <span class="banner-text">协助本站SEO</span> </div> <div class="search-container"> <div class="search-input-wrap"> <input type="text" id="searchInput" placeholder="请输入搜索关键词" value="汇聚访"> <button class="clear-btn" onclick="document.getElementById('searchInput').value=''">...
子比主题建站笔记
2025-09-16
09-16
子比美化 – 侧边用户UA信息小工具-汇聚访

实用子比美化 – 侧边用户UA信息小工具

这是一款子比主题的侧边侧边用户UA信息小工具，这款小工具非常详细的定位当前的位置，并且还有精准的IP，主要是通过api接口获取的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：小工具-侧边栏-自定义html代码中添加以下代码即可： <div class="ua-info-widget" style="border: 1px solid #333; border-radius: 10px; padding: 15px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); background-color: #1a1a1a; color: #f0f0f0; max-width: 300px; transition: all 0.3s ease;"> <h3 style="margin-top: 0; color:...
子比主题建站笔记
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>...
子比主题建站笔记
123456…23跳转