子比美化 第12页
2025-07-13
07-13
子比主题 – 粉色果冻泡泡loading动画-汇聚访

实用子比主题 – 粉色果冻泡泡loading动画

今天汇聚访给大家分享一款loading加载动画，之前我也出过别的loading加载动画的帖子，那个是单独css实现的，这个就不一样了，这个直接通过修改代码从而实现这个效果的，觉得好看的话，自己部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码，如图： (_pz('qj_dh_xs') == 'no0') { $dh_nr = '<div class="vxras"><div class="vxras2"></div><div class="vxras3"></div></div>'; } elseif 在搜索(_pz('qj_loading')) 从if开始到}结尾覆盖成以下代码： if (_pz('qj_loading')) { return '<div class="qjl qj_loading" style="position: fixed;background:linear-gradient(150deg,#d299c2,#fef9d7);overflow: hidden;align-items: center;justify-content:...
子比主题建站笔记
2025-07-13
07-13
子比主题 - 资源下载区块美化-汇聚访

实用子比主题 – 资源下载区块美化

今天给大家分享一个美化，这个美化是关于资源下载区块的，显示效果呢也是比较一般，自己觉得好看的话可以加上去，这个效果我是看的腾飞搞得，如果你有需要就部署吧！教程也是比较简单的。 演示效果： 代码部署： [hidecontent type="payshow"] 直接把代码放到自定义CSS样式里即可！ #posts-pay { background-image: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01LTSBKl1QbIk5uLfKD_!!2210123621994.webp); } [/hidecontent]
子比主题建站笔记
2025-07-13
07-13
子比主题 - 仿B站官方认证图标-汇聚访

实用子比主题 – 仿B站官方认证图标

今天给大家分享以下子比主题的认证图标如何修改，以及修改为B站官方认证图标，这个效果需要修改子比主题的文件，主题更新后代码将恢复原样即为失效，修改代码前记得备份源代码，以防效果丢失。发这个教程也是顺便记录下，防止效果丢失，你也可以用同样的方法修改别的主题图标代码。 演示效果： 代码部署： [hidecontent type="reply"] 首先打开你的网站路径找到子比主题目录下的这个路径： /wp-content/themes/zibll/js，然后找到里面的里的 svg-ico.js 文件，再找到找到 zib_svgs[‘user-auth’] ！ 然后修改SVG样式 zib_svgs[‘user-auth’] = ‘你的SVG代码’; 直接把下方代码复制粘贴即可，当然如果你已经有自己喜欢的样式了，可以把自己准备的SVG代码粘贴上去。 <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512...
子比主题建站笔记
2025-07-10
07-10
子比主题 - 添加自定义表情包（优化版）-汇聚访

实用子比主题 – 添加自定义表情包（优化版）

之前发了一个给子比主题增加表情包的教学版本，那个可能有点难懂，今天给大家分享这个，比较容易添加，原作者是人皇！希望对大家有啊帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 找到/wp-content/themes/zibll/inc/functions/文件夹，打开你的functions.php，搜索 if (‘smilie’ == $type) 整个替换！ if ('smilie' == $type) { $but = '<a class="but btn-input-expand input-smilie mr6" href="javascript:;"><i class="fa fa-fw fa-smile-o"></i><span class="hide-sm">表情</span></a>'; $smilie_icon_args = array( array('design' => '经典', 'suffix'...
子比主题建站笔记
2025-07-10
07-10
子比主题 - 自定义表情包教程-汇聚访

实用子比主题 – 自定义表情包教程

今天给大家分享子比主题如何添加分类表情包，8.1版本之后代码发生变化了，需要自己改动！后续可能会出8.1版本以后的教程，教程有点复杂，有好几种方式，话不多说，直接开始吧！ 演示效果： 代码部署： [hidecontent type="reply"] 第一步 找到/wp-content/themes/zibll/inc/functions/文件夹，打开你的functions.php，并来到第1515行！ 第二步 把你想要加入的表情包名称像这样添加在里面！ 只要名字！名字！名字！名字！不要扩展名！ 添加完之后，记得保存文件！ 第三步 文件改好了，接下来就是下载表情包图片了，切记你的图片一定要是.gif格式的，png不行（传下去，png他不行）,把你下载的表情包放到这个文件夹，就OK了！ 使用事项: 子比主题表情默认大小为30px，所以别想着添加什么稀奇古怪的图片! 添加的表情包，在论坛同样适用 尽量不要打开评论图片懒加载开关，很丑! 如果你不需要的话，主题自带的表情可以删除. 分类教程（进阶）： 第一步 将原来的表情注释掉。 //表情 if ('smilie' == $type) { $emojy_type = ''; $but = '<a class="but btn-input-expand...
子比主题建站笔记
2025-07-09
07-09
子比主题 - 添加说说&微语页面-汇聚访

实用子比主题 – 添加说说&微语页面

详细教程教你如何对子比主题进行深度美化，包含如何快速、有效地添加说说页面功能。适用于博客、个人网站等平台，让内容更丰富多彩。说说页面只适配本站子比主题，但是主体的代码还是能用的，其他主题只需复制主题下的页面默认模板文件，然后在合适的位置添加本说说页面的核心代码，即可使用。原创作者为狐狸库！ 演示效果： 代码部署： [hidecontent type="payshow"] 由于通过本站文章微语页面的函数代码进行修改，使用如果使用微语页面的朋友，请先删除 functions.php 中的函数，再进行以下步骤。 更新主题时记得备份代码，以免无法使用。 有一些CSS样式是直接采用子比主题的CSS，所以其他主题使用过程中出现样式的问题请自行修改一些CSS样式。 说说页面的点赞不是主题的代码，所以会存在一个Bug，如果介意请自己删除相关代码。 functions.php版本一版本二 1、在主题目录下 functions.php 文件末尾把下面代码添加进去即可。 //说说 add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '说说', 'singular_name' => 'singularname', 'add_new' => '发表说说', 'add_new_item' => '发表说说', 'edit_item'...
子比主题建站笔记
2025-06-30
06-30
子比主题 - 文章页面添加分割线-汇聚访

实用子比主题 – 文章页面添加分割线

今天给大家分享一款子比主题的文章分割线，这款样式还是挺好看的，我在腾飞的站看到了，就扒了下来分享给大家！希望对大家有帮助，原作者为腾飞！ 演示效果： 代码部署： [hidecontent type="payshow"] 这款样式我是直接添加在文章页面里的，你可以根据自己的喜好随意添加！注意：该教程仅仅提供插入文章页面！ 1.在子比后台设置-文章&列表-文章页面-文章插入内容中添加以下代码： <div class="svg-hr-wrap"><div class="svg-hr-hover"></div><hr class="svg-hr"> <svg class="svg-hr-icon" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"> <g fill="currentColor"> <path d="M40.2 95.8a28 28 0 1 1 39.6 0a28 28 0 0 1-39.6...
子比主题建站笔记
2025-06-30
06-30
子比主题 - 文章底部添加最后更新时间或过期失效提示-汇聚访

实用子比主题 – 文章底部添加最后更新时间或过期失效提示

今天给大家分享一下这个文章底部添加更新时间或者过期的失效提示，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 1.将下面的 PHP 代码加入到主题目录下：themes/zibll/functions.php 文件中。 //文章过期提示开始www.huijuf.com function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div class="article-timeout"><strong><i class="fa fa-bell" aria-hidden="true"></i>...
子比主题建站笔记
2025-06-25
06-25
子比主题 - 简约分类专题标签色调美化-汇聚访

实用子比主题 – 简约分类专题标签色调美化

今天给大家分享一个子比主题的分类样式的简约美化，每个人眼光不同，这种就比较简约，适合一些比较正式的站点使用吧！今天分享给大家！还有一点，鼠标悬浮专题分类或是标签上还有不同的颜色变化哦！ 演示效果： 代码部署： [hidecontent type="payshow"] 还是一样，代码直接放到子比主题后台设置->自定义代码->自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .posts-item.card .item-tags .but, .posts-item.card .meta-category a { position: relative !important; overflow: hidden !important; z-index: 1 !important; display: inline-block !important; padding: 4px 10px !important; margin: 0 6px 8px 0...
子比主题建站笔记
2025-06-25
06-25
子比主题 - 侧边栏添加发帖按钮样式-汇聚访

实用子比主题 – 侧边栏添加发帖按钮样式

给子比主题论坛侧边加一个发帖按钮的样式代码，这个按钮样式非常的简约，自己填写跳转链接即可，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 这是小工具，直接放到你喜欢的位置，然后自定义HTML里即可! <div style="margin: 20px 0;"> <a href="/posts-edit/" style="display: block; width: 100%; background-color: #1677ff; color: white; padding: 12px 0; border-radius: 8px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500;"> + 我要发帖...
子比主题建站笔记
1…1011121314…23跳转