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

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

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [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年前
子比主题 – 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"] 还是一样，代码直接放到子比主题后台设置->自定义代码->自定义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...
建站笔记
01365
1年前
子比主题 - 用户个人中心小工具美化-汇聚访

实用子比主题 – 用户个人中心小工具美化

大家好，今天汇聚访给大家带来这一款zibll主题的用户个人中心小工具的美化教程，这个效果我依旧是在腾飞的网站上看到的，腾飞没发教程，我觉得好看就仿了一个，效果大致一样吧，总之大差不差吧，该教程需要修改主题源文件，请大家使用前先备份，以防主题文件丢失或网站程序崩溃，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 第一步: 首先在Zibll主题设置-自定义CSS样式中添加以下代码（注：之前发过那两个按钮的美化教程，本贴内的CSS样式中不再含有相关代码，请自行去那个文章里寻找，那个文章我会放到本文章的底部。）： .user-card { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(71,135,236,.06); margin-bottom: 20px; } /*汇聚访：www.huijuf.com*/ .widget-user { padding: 0 !important; background: 0 0 !important; } /*汇聚访：www.huijuf.com*/...
建站笔记
022213
1年前
子比主题 – 滚动推荐卡片小工具（第二版）-汇聚访

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

这是一款子比主题的滚动推荐卡片小工具，今天发的这个版本是这个小工具的第二版本，适配了一些不同尺寸的电子设备，同时在右侧的卡片添加了气泡上浮的一个效果也是非常的好看，还有几个不同的版本，后续我也会发出来，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [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个月前
子比主题 - 首页大屏视频展示-汇聚访

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

大家好，今天汇聚访给大家带来一款首页大屏视频展示，这个效果起初我是在大绵羊博客看到的，他的首页就是，感觉挺好看的，他只适配了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个月前
子比主题 - 悬浮按钮简洁美化-汇聚访

实用子比主题 – 悬浮按钮简洁美化

今天给大家分享一个子比主题悬浮按钮的简洁版美化，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] .float-right .float-btn { color: #555; background-color: #fff; text-align: center; cursor: pointer; position: relative; border-radius: 4px; border-bottom: 1px solid #f8f8f8; box-shadow: 0 0px 6px 0 rgba(76, 86, 114, .12); width: 39px;...
建站笔记
51227
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个月前
子比主题 – 首页卡片列表摘要样式-汇聚访

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

今天给大家分享的是一款子比主题的卡片列表标题下方的摘要样式，这个摘要只适配了子比主题的卡片模式，别的模式并没有适配，有需要的自行部署吧！ 演示效果： 代码部署： [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个月前
子比主题 - 最新用户通知小工具-汇聚访

实用子比主题 – 最新用户通知小工具

这是子比主题的最新用户通知小工具，可自行选择部署的位置，有的站长比较需要这个，今天分享出来了，原作者是黑猫，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在子比根目录中添加一个func.php的文件，记得带上<?php否则会报错，随后将以下代码添加进去： if (file_exists(get_theme_file_path('/inc/widgets/huijuf-user.php'))) { require_once get_theme_file_path('/inc/widgets/huijuf-user.php'); } /*汇聚访：www.huijuf.com*/ 然后在/wp-content/themes/zibll/inc/widgets这个目录下添加一个文件名为huijuf-user.php的文件，随后添加以下代码即可： <?php // 注册最新用户通知小工具 汇聚访www.huijuf.com class DearLicy_Notice_Widget extends WP_Widget { // 汇聚访www.huijuf.com public function __construct() { parent::__construct( 'dearlicy_notice_widget', 'HEIMAO - 最新用户通知', array('description'...
建站笔记
1415215
10个月前
12

汇聚访・HUIJUF.COM

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

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

关于我们

特色功能

用户服务

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

    开通会员享特权

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