迷小龙丶H-汇聚访
用户封面
迷小龙丶H的头像-汇聚访
迷小龙丶H等级-LV2-汇聚访
UID：152 已加入汇聚访265天 总消费：323.00 徽章-签到达人Lv2-汇聚访徽章-签到达人Lv1-汇聚访徽章-萌新驾到-汇聚访3枚徽章广东省潮州市
文章16商品0
排序
子比主题 – F12顶部提示框效果美化-汇聚访

实用子比主题 – F12顶部提示框效果美化

这是一款给子比主题适配的网站顶部提示框，这款是从张洪Heo博客里复刻到子比主题的，其他主题应该也是可以正常使用的，相关提示颜色以及文字颜色都可在代码中进行修改，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义CSS代码自定义javascript代码 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： #huijuf_dev-tool-alert{position:fixed;top:0;left:0;width:100%;height:60px;z-index:9998;overflow:hidden;background-color:#425aef;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .5s ease-out}#huijuf_dev-tool-alert.huijuf_show{transform:translateY(0)}#huijuf_dev-tool-alert.huijuf_exit{transform:translateY(-100%);transition:transform .3s ease-in}.huijuf_alert-content{color:#fff;font-size:18px;font-weight:500;text-align:center;padding:0 20px} 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： function huijuf_createAlert(){if(document.getElementById('huijuf_dev-tool-alert'))return;const huijuf_alert=document.createElement('div');huijuf_alert.id='huijuf_dev-tool-alert';const huijuf_content=document.createElement('div');huijuf_content.className='huijuf_alert-content';huijuf_content.textContent='开发者模式已打开，请遵循协议';huijuf_alert.appendChild(huijuf_content);document.body.appendChild(huijuf_alert);return huijuf_alert}let huijuf_alertShown=false;let huijuf_hideTimeout=null;function huijuf_showAlert(){if(huijuf_alertShown)return;const huijuf_devToolAlert=huijuf_createAlert();huijuf_alertShown=true;huijuf_devToolAlert.classList.remove('huijuf_exit');setTimeout(()=>{huijuf_devToolAlert.classList.add('huijuf_show')},10);setTimeout(()=>{huijuf_hideAlert()},2500)}function huijuf_hideAlert(){if(huijuf_hideTimeout){clearTimeout(huijuf_hideTimeout);huijuf_hideTimeout=null}const huijuf_devToolAlert=document.getElementById('huijuf_dev-tool-alert');if(!huijuf_devToolAlert)return;huijuf_devToolAlert.classList.add('huijuf_exit');huijuf_hideTimeout=setTimeout(()=>{huijuf_devToolAlert.classList.remove('huijuf_show');huijuf_devToolAlert.classList.remove('huijuf_exit');huijuf_alertShown=false;huijuf_devToolAlert.remove()},300)}document.addEventListener('keydown',function(huijuf_event){if(huijuf_event.keyCode===123){huijuf_showAlert();return false}}); [/hidecontent]
建站笔记
31787
4个月前
子比主题 – 滚动推荐卡片小工具（第二版）-汇聚访

实用子比主题 – 滚动推荐卡片小工具（第二版）

这是一款子比主题的滚动推荐卡片小工具，今天发的这个版本是这个小工具的第二版本，适配了一些不同尺寸的电子设备，同时在右侧的卡片添加了气泡上浮的一个效果也是非常的好看，还有几个不同的版本，后续我也会发出来，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后添加以下代码： $widgets_files = array( 'ZibBox_customtwo.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 添加完随后在文章下载相关附件，之后解压到/wp-content/themes/zibll即可！ [/hidecontent]
建站笔记
01386
8个月前
子比主题 – 首页卡片列表摘要样式-汇聚访

实用子比主题 – 首页卡片列表摘要样式

今天给大家分享的是一款子比主题的卡片列表标题下方的摘要样式，这个摘要只适配了子比主题的卡片模式，别的模式并没有适配，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 部署这个之前要知道自己的列表是卡片模式，代码一共两个部分，话不多说直接开始！ zib-posts-list.php代码CSS代码 定位：/wp-content/themes/zibll/inc/functions/zib-posts-list.php文件，然后我们搜下面的代码 function zib_posts_mian_list_card($args = array()) 直接将这个函数的代码全部替换我下面的代码即可： if (!function_exists('break_long_words')) { function break_long_words($str, $every = 24) { return preg_replace('/([a-zA-Z0-9]{'.$every.'})/u', '$1 ', $str); } } function get_custom_excerpt($post, $max_cn = 42, $max_en...
建站笔记
01686
10个月前
子比主题 - 给文章内超链接加上波浪效果-汇聚访

实用子比主题 – 给文章内超链接加上波浪效果

目前这个美化还并不是很多，喜欢的朋友可以使用看看效果，很简单把代码添加到合适的位置即可，应该所有WordPress网站都可以使用。只需两行代码即可实现！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*超链接下波浪线*/ .wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px...
建站笔记
61218
1年前
子比主题 - 分类栏目美化（两款）-汇聚访

实用子比主题 – 分类栏目美化（两款）

网站分类栏目美化的意义主要体现在提升用户体验和视觉吸引力，以及优化搜索引擎排名等方面。本文章将给大家分享两种分类栏目美化的教程哦~ 演示效果①： 演示效果②： 代码部署： [hidecontent type="reply"] 将下方代码加入到后台CSS里即可！图片放在帖子附件里了，可自行下载！ 效果①效果② .index-tab ul>li.active { color: #ffffff00 !important; background-color: #ffffff00 !important; border-radius: 6px; z-index: 1; position: relative; height: 39px; line-height: 44px; background: url(https://img.dmguo.cn/2025/01/20250120091106173.png); background-repeat: no-repeat; -webkit-background-size: 91px 39px; -moz-background-size:...
建站笔记
312014
1年前
子比主题 - 仿图酷顶部导航栏样式-汇聚访

实用子比主题 – 仿图酷顶部导航栏样式

大家好，今天汇聚访给大家带来一款子比的顶部导航栏，这个效果开始我是在图酷的站点看到的，于是就仿了一个，效果还是很不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .login-panel{ float: right!important; margin-top: 8px; } /*汇聚访：www.huijuf.com*/ .login-panel #login { position:relative; } /*汇聚访：www.huijuf.com*/ .header-login-search .fl .modal-open { display:block; color:#fff; font-size:14px; line-height:30px; height:30px; -webkit-border-radius:30px; border-radius:5px; width:auto; padding:0 1.6em; background:...
建站笔记
01736
11个月前
子比主题 - 首页Tab栏目美化-汇聚访

实用子比主题 – 首页Tab栏目美化

这是子比主题的一款首页Tab栏目美化，之前发过类似的只不过是附加图片效果样式的，今天给大家带来这个是仅用代码实现的，汇聚访这里测试了一下夜间模式也是挺不错的，同时在这提醒下各位搬运的，麻烦带上本站文章出处，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .index-tab { padding: 5px 8px; background: transparent; border-radius: 0; } .index-tab ul { margin: 0; padding: 0; list-style: none; } /*汇聚访：www.huijuf.com*/ .index-tab ul>li { display: inline-block; padding: 3px...
建站笔记
2319011
8个月前
子比主题 - 动态文章置顶火焰样式-汇聚访

实用子比主题 – 动态文章置顶火焰样式

这是一款子比主题动态置顶图标，样式效果是呈现火焰动态特效的，也是非常的炫酷，有喜欢的自行部署吧！ 效果演示： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码样式中添加以下代码即可： /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54%...
建站笔记
272336
1年前
子比主题 – logo透明过渡美化样式-汇聚访

实用子比主题 – logo透明过渡美化样式

这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
建站笔记
512711
9个月前
子比主题 - 评论区增加开通会员按钮-汇聚访

实用子比主题 – 评论区增加开通会员按钮

这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮，这个按钮当用户评论的时候都可以看到，这样就更可以给自己的站点会员推广一下，教程也比较简单，不需要修改主题源代码，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案，将代码放到发送评论的后面！ </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
建站笔记
711714
9个月前
12

汇聚访・HUIJUF.COM

本站专注于子比主题，7b2主题，日主题等WordPress主题美化、图片素材、网站源码及wp插件等资源分享，汇聚资源，访问未来，共赴数字世界新可能！

数据库查询 6 次・耗时 0.172 秒・合作与 图酷三年之约

关于我们

特色功能

用户服务

  • 每日新闻
    15条简报+1条微语，瞬间了解世界大事
    每日新闻
  • 子比美化
    子比主题精品美化教程分享，萌新变大神
    子比美化
  • 聚合热榜
    各大平台聚合热搜瞬间了解
    热榜文章
    • 450
    精品文章邀您品鉴
    友情链接： 墨星博客 · 墨染云天 · 大绵羊博客 · 星空知 · 汇Ui · 苏晨拾光
    Copyright © 2024 - 2026 汇聚访 HUIJUF.COM All Rights Reserved 豫ICP备2025121894号-1
    用户协议 免责声明
    复制地址 显示热评 转为繁体

    开通会员享特权

    专属内容无限访问
    下载权限提升至最高级
    专属子比付费美化优惠
    免费下载更多精品资源
    ¥29.9 ¥39.9
    Vip会员 · 立省30元
    立即开通
    每日签到
    公众号二维码
    扫码关注公众号
    获取更多专属内容和最新资讯
    展开全屏
    返回顶部