子比美化 第29页
2025-04-28
04-28
子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两个php代码和一个css代码，话不多说直接开始教程！ PHPCSS 第一步：搜索zib_get_posts_list_meta或者是注释//获取文章列表的底部meta这个注释然后在这个函数内部加上以下代码，大概放在265行左右： $get_permalink = get_permalink();//添加文章链接 随后将下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*下载按钮www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
10个月前
建站笔记
2025-04-28
04-28
子比主题 - 二次元悬浮菜单按钮-汇聚访

实用子比主题 – 二次元悬浮菜单按钮25/12/4更新

这是一款子比主题的二次元悬浮菜单按钮样式，启用该样式会移除原有的侧边栏菜单按钮样式，同时手机版也是一样的，手机版这里汇聚访也没有隐藏都是显示的，此效果适合那些acg风格的站点，喜欢的自行部署吧！ 演示效果： 更新内容： 修复样式图片丢失问题 修复php代码加入后报错问题 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (wp_is_mobile()) { remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer', 'acg_float_right'); } } add_action('init', 'adjust_footer_buttons_based_on_device'); //二次元按钮代码 function...
10个月前
建站笔记
2025-04-28
04-28
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

实用子比主题 – 用户中心添加UID、注册时间功能

这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true;...
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 付费详情说明模块样式-汇聚访

实用子比主题 – 付费详情说明模块样式

这是一款给子比主题付费详情说明模块增加的一个美化，主要效果是一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，教程部署起来也是比较简单，有需要的自行部署下吧！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS 定位：网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字！如下图所示： 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://pic1.imgdb.cn/item/69315a08a11464095f8abe79 .png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 侧边滚动播报小工具（两款）-汇聚访

实用子比主题 – 侧边滚动播报小工具（两款）25/11/23更新

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 第一款 第二款 更新内容： 修复第二版样式的小工具报错 为第二款样式的小工具增添白色背景 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！ 第一款第二款 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css">...
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 给文章侧边加一个滚动公告-汇聚访

实用子比主题 – 给文章侧边加一个滚动公告

这是一款子比主题文章侧边小工具，是一款滚动公告的小工具，我觉得比较好看，代码也简单，直接部署就行，喜欢的自行部署，教程我写的很详细！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <!--汇聚访：www.huijuf.com--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-notice { width: 100%; overflow: hidden; } .show-notice-hello { float: left; width: 15%;...
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 侧栏动态时钟与问候语小工具-汇聚访

实用子比主题 – 侧栏动态时钟与问候语小工具

这是一款实用又美观的动态时钟和问候语提醒小工具，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！有喜欢的自行查看教程部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div>...
10个月前
建站笔记
2025-04-27
04-27
子比主题 - 首页横向滚动图集样式（两款）-汇聚访

实用子比主题 – 首页横向滚动图集样式（两款）25/12/4更新

大家好，这次汇聚访给大家带来一款子比主题首页横向滚动图集样式，我觉得还是不错的，就是一个图片横向滚动的一款小工具，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 更新内容： 优化小工具高度尺寸 新增二次元风格 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！推荐位置：首页-底部全宽度 第一款第二款 <div class="zibll-scrolling-banner-widget"> <div class="home_row show-pc-only"> <div class="wrappers" style="padding:5px"> <div class="home-row-left fa3795 content-area"> <div class=""> <div id="html-box-lbtuysjia" class="html-box"> <div id="html-box-head1" class="html-box"> <div class="toptu"> <div...
10个月前
建站笔记
2025-04-25
04-25
子比主题 - 首页顶部搜索框美化（两款）-汇聚访

实用子比主题 – 首页顶部搜索框美化（两款）

这是一款子比主题仿B2主题搜索框的一个样式，分享两款方形首页搜索框美化样式，非常实用的一款子比首页搜索框美化，第二款只不过就比第一款多了点边框样式，喜欢的自行部署下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 将CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到子比主题–>>自定义javascript代码 第一种第二种 CSSJS /*汇聚访：www.huijuf.com*/ .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px;...
10个月前
建站笔记
2025-04-25
04-25
子比主题 - 合作用户列表图片样式-汇聚访

实用子比主题 – 合作用户列表图片样式25/10/28修复

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 演示效果： 更新内容： 修复HTML的代码格式问题 修复CSS代码添加到小工具后报错的问题 代码部署： [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...
10个月前
建站笔记
1…27282930跳转