建站笔记

子比主题 - 仿7b2极主题顶部导航样式-汇聚访

实用子比主题 – 仿7b2极主题顶部导航样式

大家好，我是汇聚访，今天给大家分享的是子比主题仿7b2极主题顶部导航样式，这个效果我在鹿语和呆萌的网站上看到的，觉得挺不错的然后就自己仿了一个，这个效果我只适应了电脑端导航布局的第一个布局，如果你要用的话做好心理准备，布局二和三我都没有适配，因为太麻烦了，你修改之后用布局二和三可能会错乱，本教程需修改原主题文件，请备份好原主题文件再进行修改，以防文件丢失或系统崩溃，话不多说了，直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 首先是css样式（会员充值的css样式），图片我推荐本地化，以防丢失，代码如下： /*汇聚访：www.huijuf.com*/ .Onecad_header_vip { background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50% / 120px; display: block; position: absolute; margin-right: 5px; padding: 0 70px; width: 25px; height: 40px; bottom: -8px; right: 12vh; } /*汇聚访：www.huijuf.com*/ .Onecad_header_vip_topi...
建站笔记
01756
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 修改导航图标为登录用户头像-汇聚访

实用子比主题 – 修改导航图标为登录用户头像

大家好，今天汇聚访教大家如何修改导航图标为登录用户头像，这个效果的原创作者是苏晨，我仅供分享，这个效果在电脑端导航布局中的第二个选项是自带的，因为该教程需要修改主题原代码，请先保存好代码再开始修改，以防代码丢失或系统崩溃，话不多说直接开始。 演示效果： 代码部署： [hidecontent type="reply"] 修改/wp-content/themes/zibll/inc/functions/zib-header.php的156行，如下图 $sign_but = is_user_logged_in()?'<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_avatar_box($user_id, 'avatar-img-diy', true, false).'</a> <ul class="sub-menu"> ' . $user_sub . ' </ul> </li>':'<li><a href="javascript:;"...
建站笔记
151736
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 首页大屏视频展示-汇聚访

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

大家好，今天汇聚访给大家带来一款首页大屏视频展示，这个效果起初我是在大绵羊博客看到的，他的首页就是，感觉挺好看的，他只适配了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>...
建站笔记
012610
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 动态萤火星空背景-汇聚访

实用子比主题 – 动态萤火星空背景

大家好，今天汇聚访给大家分享一款动态萤火星空的背景，这个效果是我在别的站点看到的，觉得挺好看的，于是就整了下来，不过这个效果唯一遗憾的是没有适配白天模式，我前段日子分享了一个星空效果的教程，那个白天模式适配的也是一言难尽，我也比较懒，主要自己用不到，需要的话自行适配吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比设置-自定义CSS样式中添加以下代码： * { box-sizing: border-box; padding: 0; margin: 0; } body { background: #22313f; position: relative; } #starsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:...
建站笔记
118311
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 顶部多功能导航区块-汇聚访

实用子比主题 – 顶部多功能导航区块

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放在小工具即可： <style> /*汇聚访：www.huijuf.com*/ .slide_6_search { height:68px; width:1200px; position:relative; z-index:12; margin:0 auto; margin-top:-100px; z-index:1; top:-120px } .slide_6_search .searchbox { width:1010px; margin:0 auto; background:rgba(255,255,255,0.5); height:48px; border-radius:5px; padding:10px } /*汇聚访：www.huijuf.com*/ .slide_6_search .searchbox .search_input...
建站笔记
19011
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 用户个人中心小工具美化-汇聚访

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

大家好，今天汇聚访给大家带来这一款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*/...
建站笔记
021113
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

实用子比主题 – 用户信息小工具底部两个按钮美化

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS样式中添加以下代码： 压缩版未压缩 /*汇聚访：www.huijuf.com*/ .user-btns { margin-top: 20px !important; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 4px; } /*汇聚访：www.huijuf.com*/ .user-btns .btn-newadd, .user-btns .jb-pink { background:...
建站笔记
824415
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 动态星空背景-汇聚访

实用子比主题 – 动态星空背景

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
建站笔记
01789
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 顶部悬挂样式（两款）-汇聚访

实用子比主题 – 顶部悬挂样式（两款）

今天汇聚访给大家带来这一款顶部挂件的教程，这个代码做了手机适配，电脑端才会显示，手机端将会隐藏，图片可自行更换成你喜欢的图片类型，与此同时这个效果为两款，第一款是一直挂在了顶部而不是跟着鼠标滑动走的，第二款就是鼠标滑动那么悬挂也跟着走话不多说，直接开始教程！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 温馨提示：第一款是一直在顶部不跟随，第二款是跟随鼠标滑动的 首先第一步定位：子比主题后台 - 自定义代码 - 自定义头部HTML代码中添加以下代码： <div class="huijuf_topdoll"></div> 第一款第二款 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： @keyframes lampLine-38cc6824 { 0% { transform: rotate(10deg) } to { transform: rotate(-10deg) } } .huijuf_topdoll {...
建站笔记
1215310
汇聚访的头像-汇聚访核心会员汇聚访10个月前
子比主题 - 网站底部评论热评-汇聚访

实用子比主题 – 网站底部评论热评

大家好，今天汇聚访给大家带来一款网站底部评论的热评显示。这个效果原创为星雨，之前也发过类似的教程，不过那个是网易云热评，感觉没有这个网站热评用处大，所以今天给大家分享一下这个，希望对大家有用。 演示效果： 代码部署： [hidecontent type="payshow"] PHPHTML 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $comments = get_comments(array( 'number'...
建站笔记
21219
汇聚访的头像-汇聚访核心会员汇聚访10个月前
1…2324252627…36跳转