子比美化 第14页
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-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-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
子比主题 - 首页排名榜样式美化-汇聚访

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

今天给大家分享一款首页排行榜样式的美化教程，这个排名榜一共是三个文件代码，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
子比主题 - 首页底部登录弹窗模块-汇聚访

实用子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="payshow"] PHPCSS 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面! /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img...
子比主题建站笔记
2025-06-03
06-03
子比主题 - 卡片新发布new-汇聚访

实用子比主题 – 卡片新发布new

这个效果是在心动次元看到的，今天分享给大家，希望大家能够喜欢！ 演示效果： 代码部署; [hidecontent type="payshow"] 在子比主题目录下“func.php”(子比主题推荐放这里）或者“functions.php”，在合适位置放下面PHP代码。图片路径记得更换，不然图片不显示！图片附件我放在文章附件了！ /** * 新文章发布New小图标 */ function xinwenzhang_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icone"><img src="/wp-content/themes/zibll/img/ico_new.png" draggable="false" alt="最新文章" /></div>'; }else...
子比主题建站笔记
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-05-31
05-31
子比主题 - 专题&分类聚合卡片上移-汇聚访

实用子比主题 – 专题&分类聚合卡片上移

这是一个子比主题小工具分类聚合卡片，今天看到别的站点这个挺好看的，然后就弄了下来，今天分享给大家！原作者是狐狸库！！ 演示效果： 代码部署： [hidecontent type="reply"] 把下方代码放到自定义代码css中 两个二选一 都一样！ 第一款第二款 .clearfix .zib-widget.term-aggregation .term-img { width: 18.5em; } .clearfix .zib-widget.term-aggregation .term-img .graphic { margin-top: -40px; } @media screen and (min-width:1024px) and (max-width: 1240px) { .clearfix .zib-widget.term-aggregation .term-img...
子比主题建站笔记
2025-05-30
05-30
子比主题 - 侧边栏添加鼠标移入悬浮&扫光效果百度一下小工具-汇聚访

实用子比主题 – 侧边栏添加鼠标移入悬浮&扫光效果百度一下小工具

这个效果是墨星写的，我在其他站点看到的，然后就扒了下来，今天分享给大家！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码分为三个部分，HTML和CSS和JS部分，话不多说直接开始部署吧！直接把代码共同放在小工具-自定义HTML里即可！ HTMLCSSJS <div class="mx-search-widget"> <div class="mx-banner">百度一下-协助本站SEO</div> <div class="mx-search-container"> <input type="text" id="mx-searchInput" placeholder="汇聚访" value="汇聚访"> <button onclick="mx_search()" class="mx-button">立即搜索</button> </div> </div> <style> /*www.huijuf.com*/ .mx-search-widget { width: 100%; margin: 15px 0; position: relative; overflow:...
子比主题建站笔记
2025-05-25
05-25
子比主题 - 网站底部添加滚动波浪-汇聚访

实用子比主题 – 网站底部添加滚动波浪

今天分享一个自适应的底部波浪部署教程，希望对大家有用！手机端PC端自适应的哦~ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 把下面代码放到主题设置里的自定义CSS代码里！ /*网站底部波浪www.huijuf.com*/ .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 50px; max-height: 80px; } .parallax>use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5)infinite; } .parallax>use:nth-child(1) {...
子比主题建站笔记
1…1213141516…23跳转