迷小龙丶H-汇聚访
用户封面
迷小龙丶H的头像-汇聚访
迷小龙丶H等级-LV2-汇聚访
UID：152 已加入汇聚访265天 总消费：323.00 徽章-签到达人Lv2-汇聚访徽章-签到达人Lv1-汇聚访徽章-萌新驾到-汇聚访3枚徽章广东省潮州市
子比主题 – 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个月前
子比主题 - 首页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个月前
子比主题 – 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"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
建站笔记
014512
1年前
子比主题 - 首页大屏视频展示-汇聚访

实用子比主题 – 首页大屏视频展示

大家好，今天汇聚访给大家带来一款首页大屏视频展示，这个效果起初我是在大绵羊博客看到的，他的首页就是，感觉挺好看的，他只适配了7b2主题，今天我闲的无聊，就适配了一下子比主题，这个美化效果感觉中规中矩吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php这个文件下找到：get_header();这个函数，在这个函数?>的下面添加以下代码： <div class="dmy-homevideo"> <div class="ying-homevideo-content ying-homevideo-orientation "> <section class="ying-homevideo-offvideo home-video"> <div class="ying-homevideo-top"> <video id="myVideo" autoplay="" playsinline="" loop="" muted="" src="https://cccimg.com/view.php/795d9ef9b8ccafecebf3a37e d6d2d29b.mp4" width="600" __idm_id__="1048577"> </video> </div> <div class="ying-homevideo-filters"> </div> <div class="ying-dmyblog"> <p class="ying-dmyblogtitle">汇聚访</p>...
建站笔记
013210
11个月前
12

汇聚访・HUIJUF.COM

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

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

关于我们

特色功能

用户服务

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

    开通会员享特权

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