汇聚访-汇聚访-第19页
用户封面
2.3W+31261
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-08-05
08-05
子比主题 - 透明卡片美化样式-汇聚访

实用子比主题 – 透明卡片美化样式

大家好，今天汇聚访给大家带来一款透明卡片美化样式，这是我今天闲的没事刚研究的，感觉还可以，bug方面的问题我暂时没有发现，写这一篇文章也是为了记录吧，毕竟也研究了好久，修改的代码有些多，本人为美化效果的原创作者，同时在这里提醒各位站长：创新发展才是长久之计！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台设置-文章&列表-文章列表-卡片列表显示配置中设置图中样式： 接着在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-meta { font-size: 12px; color: #797979; margin-bottom: 5px; } /*汇聚访：www.huijuf.com*/ .ete-wave-anim { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 48px; pointer-events: none; z-index:...
子比主题子比美化建站笔记
2025-08-09
08-09
子比主题 - 便签提示小工具-汇聚访

实用子比主题 – 便签提示小工具

大家好，今天汇聚访给大家带来一款便签小工具，这个效果感觉还是比较清新的，放在哪里看你自己吧，我推荐放在文章的上面，这样比较好看一点，不喜欢这个颜色的话可以自己修改一下，话不多说直接开始部署教程吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码（当然你直接放在小工具里也是可以的）： /*汇聚访：www.huijuf.com*/ .single-gg,.single-gg-left{display:flex;align-items:center}.single-gg{height:50px}.single-gg-left{flex:1;padding:10px;background-color:#40b0ff;border-radius:8px 0 0 8px}.single-gg-img{height:30px;width:30px}.single-gg-img img{height:100%;width:100%}.single-gg-desc{margin-left:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;}.single-gg-right{position:relative;display:flex;height:100%;width:100px;justify-content:center;align-items:center;background-color:#40b0ff;border-radius:0 4px 4px 0;border-left:1px dashed #fff}.single-gg-right::after,.single-gg-right::before{content:'';position:absolute;width:10px;height:5px;left:-5px;background-color:#fff}.single-gg-right::before{top:0;border-radius:0 0 5px 5px}.single-gg-right::after{bottom:0;border-radius:5px 5px 0 0}.single-gg-btn{display:block;padding:5px 5px;font-size:14px;background-color:#fff;color:#40b0ff !important;border-radius:4px} /*汇聚访：www.huijuf.com*/ 下面这段代码放在小工具-自定义html里即可： /*汇聚访：www.huijuf.com*/ <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img...
子比主题子比美化建站笔记
2025-08-11
08-11
子比主题 - 文章盲水印插件-汇聚访

实用子比主题 – 文章盲水印插件

什么是文章盲水印？为你文章的文本之间添加隐藏版权文字，方便版权保护，溯源。有人采集，...
WP插件功能插件
2025-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
子比主题子比美化建站笔记
2025-08-12
08-12
子比主题 - 全局边框及卡片拟态动漫小人美化-汇聚访

实用子比主题 – 全局边框及卡片拟态动漫小人美化

大家好，今天汇聚访给大家带来一款子比主题的边框样式的美化，这个是给全局增加了黑色的线条边框，同时呢也给卡片增添了拟态效果和动漫小人，适合动漫风格的网站，话不多说直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image:...
子比主题子比美化建站笔记
2025-08-12
08-12
子比主题 - 底部悬浮导航栏-汇聚访

实用子比主题 – 底部悬浮导航栏

大家好，今天汇聚访给大家带来一款子比主题的底部悬浮导航栏，之前发过7b2主题的，今天发一下子比主题的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码放在子比后台设置-自定义css样式里即可： /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { .footer-tabbar { display: flex; border-radius: 50px; margin: 0 20px 20px 20px; width: 92%; box-shadow: 0 0 6px 0 #FFD1D8; } } /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题子比美化建站笔记
2025-08-12
08-12
子比主题 - 系统弹窗跳转引导提醒（第二版）-汇聚访

实用子比主题 – 系统弹窗跳转引导提醒（第二版）

大家好，今天汇聚访给大家带来系统弹窗跳转引导提醒的第二个版本，之前发过一个版本是MacOS系统的，今天给大家带来第二版，同时也适配了手机端，这个效果起初是在腾飞那里看到的，于是就仿了一个，顺便适配了下手机版的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换）： /*汇聚访：www.huijuf.com*/ <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box"...
子比主题子比美化建站笔记
2025-08-12
08-12
子比主题 - 首页排行榜（第二版）-汇聚访

实用子比主题 – 首页排行榜（第二版）

大家好，今天汇聚访给大家带来首页排行榜的第二版，昨天发的第三版，我搜了一下才知道第二版忘发了，今天补上吧，这个版本适配了手机，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php中找到<?php get_sidebar(); ?>在下面添加代码，也可以放在 zibll/index.php 里面的底部之前get_footer();，一共分两个版本，手机显示和不显示两个版本。 手机不显示手机显示 以下代码放在上面说的php文件里： <!--排名榜开始--> <div class="wapnone"> <div id="syphb" class="container list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">建站资源</a> <div class="class-box"> <?php query_posts('cat=4&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post();...
子比主题子比美化建站笔记
2025-08-15
08-15
子比主题 -  优雅设计底部会员浮窗效果-汇聚访

实用子比主题 –  优雅设计底部会员浮窗效果

大家好，今天汇聚访给大家带来一款优雅的底部会员浮窗效果，这个效果是底部每个页面都有，手机端进行了隐藏，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义头部HTML代码中添加以下代码： <style> /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { #ceo-footer-vip { display: none !important; } } /*汇聚访：www.huijuf.com*/ .ceo-footer-vip{ width:100%; position:fixed; left:0; bottom:0; z-index:999; box-sizing:border-box; } /*汇聚访：www.huijuf.com*/ .ceo-footer-vipmk{ width:1034px; position:relative; background:#fff; border-radius:6px; margin:0...
子比主题子比美化建站笔记
2025-08-15
08-15
子比主题 - 合作企业展示模块-汇聚访

实用子比主题 – 合作企业展示模块

大家好，今天汇聚访给大家带来一款合作企业的展示模块，之前也发过一篇类似这样模块的文章，只不过那个是动态的，这个图标是静态的，黑夜模式我没有适配，手机端写的代码是隐藏的，话不多说，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在小工具-自定义html代码中添加以下代码即可（位置随意）： /*汇聚访：www.huijuf.com*/ <div class="ceo-home-qiye ceo-background-default"> <div class="ceo-container"> <div class="ceo-home-title"> <h5>合作高薪就业企业</h5> <div class="ceo-home-title-lines"> <i></i> </div> <p>卓越，彼此共认同。教学品质俘获诸多名校偏爱，学员能力赢得众多企业青睐</p> </div> <div class="ceo-grid-ceosmls ceo-grid" ceo-grid=""> <div class="ceo-width-1-2 ceo-width-1-6@s ceo-first-column"> <div class="ceo-dongtai ceo-qiye-img"> <a href="" rel="nofollow"...
子比主题子比美化建站笔记
1…1718192021…30跳转
热评