汇聚访-汇聚访-第13页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-06-07
06-07
子比主题 - 首页排名榜样式美化-汇聚访

实用子比主题 – 首页排名榜样式美化

今天给大家分享一款首页排行榜样式的美化教程，这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始(适配夜间）！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个！ 将文章附件的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜： <?php get_sidebar(); ?> 随后将文章附件里的CSS放在后台自定义CSS样式里！pic文件夹里的图片素材放在网站根目录，可自行在CSS代码里调整图片引入路径哦~ [/hidecontent]
子比主题子比美化建站笔记
2025-05-04
05-04
子比主题 - 左侧悬浮自定义导航&打赏按钮美化-汇聚访

实用子比主题 – 左侧悬浮自定义导航&打赏按钮美化

今天看了一个网站觉得侧边栏按钮挺好看的就扒了下来，哈哈哈，主要还是看中了打赏才扒下的。有能力的大佬可以做菜单弹窗或者TAB导航，怎么喜欢怎么搞。我把弹窗去除了，可以直接点按钮跳转页面。 注：CSS代码以子比主题适配的，其他主题自行测试。 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码：把下面代码放到主题后台自定义代码中 /*左侧悬浮导航+打赏按钮*/ .siderfloat{position:fixed;left:0;top:210px;width:35px;} .siderfloat__click{display:block;height:115px;background:url(https://pic.imgdb.cn/item/64a017a31ddac507cc06d298 .png);} .siderfloat__quick{display:inline-block;width:35px;background:#eee;border-bottom:#c9c9c9 1px solid;text-align:center;} .siderfloat__txt{display:block;width:20px;margin:0 auto;padding:10px 0;line-height:1.2;font-weight:bold;} HTML代码：放到主题设置自定义底部HTML代码 /*左侧悬浮导航+打赏按钮*/ <div class="siderfloat"> <a href="/" target="_blank" class="siderfloat__click"> </a> <a href="/" class="siderfloat__quick" onclick="$('html,body').animate({scrollTop: $('#CN').offset().top - '170'}, 600);"><span class="siderfloat__txt">菜单1</span></a> <a...
子比主题子比美化建站笔记
2025-10-11
10-11
子比主题 - 悬浮侧栏兔子挂件区块美化-汇聚访

实用子比主题 – 悬浮侧栏兔子挂件区块美化

这是给子比主题添加一款悬浮侧栏兔子挂件区块的样式美化，可以给网站左侧以及右侧添加这款样式（不能同时添加），鼠标移动到兔子上面就能弹出提示框，方便用户的引导与行为控制，非常实用的一个美化，有需要的自行部署吧！ 左侧效果： 右侧效果： 代码部署： [hidecontent type="payshow"] 第一步第二步 首先定位：子比后台设置 - 自定义底部HTML代码中添加以下代码： /*汇聚访：www.huijuf.com*/ <div class="act-rule"> <p class="title"> 招募设计师 </p> <div class="rule-wrap"> <dl class="wrap-content"> <dt>规则</dt> <dd><i>1</i>使您的作品被广泛展现，每次下载都有收入，最专业的设计稿交易平台，平台只抽取15%费用。 </dd> <dd><i>2</i>诚邀各设计者加入实现共赢，有意者请联系汇聚访www.huijuf.com免费开通权限 </dd> <dd><i>3</i>入驻即赠送免费设计师专属极速网盘，无广告无限速 </dd> </dl> <p class="wrap-btn"> <a href="https://www.huijuf.com/">查看详情</a> </p> </div>...
子比主题子比美化建站笔记
2025-05-07
05-07
子比主题 - 子比页面购买插件-汇聚访

实用子比主题 – 子比页面购买插件

ZibllPAY商品销售系统可以为子比主题开启一个精美的商品销售页面，用户通过简单的...
WP插件子比主题子比美化功能插件
2025-10-13
10-13
子比主题 – 批量文章改价插件-汇聚访

实用子比主题 – 批量文章改价插件

这是一款子比主题批量改价插件，是一款针对 WordPress 子比主题开发的专属插件...
WP插件WordPress功能插件
2025-08-21
08-21
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
子比主题子比美化建站笔记
2025-10-08
10-08
子比主题 - 优雅网站弹窗样式-汇聚访

实用子比主题 – 优雅网站弹窗样式

这是子比主题的一款网站弹窗样式，当然你也可以用于别的网站，虽然我没测试但是也是通用的，如果你想在别的程序使用，也可以看看这篇文件的部署教程，如果有喜欢的话自行查看部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在文章附件里把压缩包下载下来，然后解压出来找到huijuf_dialog.js这个JS文件，然后放在网站根目录下，随后在子比后台 - 自定义头部HTML代码中添加以下代码即可： <script src="huijuf_dialog.js" defer></script> [/hidecontent]
子比主题子比美化建站笔记
2025-07-26
07-26
子比主题 - 顶部多功能导航区块-汇聚访

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

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [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...
子比主题子比美化建站笔记
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-10-02
10-02
子比主题 – 用户中心过渡样式美化-汇聚访

实用子比主题 – 用户中心过渡样式美化

这是子比主题的用户中心过渡效果的美化，之前曾经发过一个首页幻灯片的样式美化，这个效果看起来还是挺不错的，整体效果很好看，有喜欢的自行部署吧！如果需要首页幻灯片过渡的啊，可以在本站搜索一下！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台 - 自定义css样式中添加以下代码： /*子比主题 – 用户中心过渡样式美化*/ .absolute::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background: linear-gradient(180deg, rgb(255 255 255 /...
子比主题子比美化建站笔记
1…1112131415…30跳转
热评