汇聚访-汇聚访-第13页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-05-01
05-01
子比主题 - 拟态CSS美化-汇聚访

实用子比主题 – 拟态CSS美化

详情可查看此文章页面，本站不一定使用，仅作于记录。 演示效果： 代码部署： [hidecontent type="reply"] 轻度拟态重度拟态 .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 时间胶囊剩余进度小工具-汇聚访

实用子比主题 – 时间胶囊剩余进度小工具

这是一款子比主题时间胶囊剩余进度小工具，给子比侧边加一个剩余进度的非常美观，这款时间进度小工具主要由HTML+CSS+jQuery制作而成，我这边代码都合到一起了！唯一的缺点就是黑夜模式没适配，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：文章页-侧边栏 <style type="text/css"> .time-schedule-main{/*background-color: white;*/border-radius: 8px;display: flex; justify-content: space-evenly; align-items: center;}.today-schedule,.toweek-schedule,.tomonth-schedule,.toyear-schedule{display: inline-block;width: 50px;height: 100px;background-color: white;border: 1px solid #eee;border-radius: 99px;}.wiiuii-schedule-item{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 99px;}.today-item,.toweek-item,.tomonth-item,.toyear-item{position: absolute;background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb...
6个月前
建站笔记
2025-09-18
09-18
子比主题 - 快捷登录按钮互换-汇聚访

实用子比主题 – 快捷登录按钮互换

这是子比主题的快捷登录大按钮互换样式，原本QQ登录是在微信登录的前面，这个效果让两者互换了一下位置，其实我感觉都是无所谓的，但是有的人可能有强迫症，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置-自定义css代码里添加以下代码即可： /*汇聚访：www.huijuf.com*/ .social_loginbar {display: flex;flex-direction: row-reverse;} /*汇聚访：www.huijuf.com*/ [/hidecontent]
2个月前
建站笔记
2025-11-30
11-30
子比主题 - 文章列表多种动画效果美化（四款）-汇聚访

实用子比主题 – 文章列表多种动画效果美化（四款）

new
这是一款子比主题的文章列表多种动画效果美化，此效果依旧是我们的老墨根据一为主题的文章列表加载动效所研究，加上这个效果可以使子比主题的文章列表更具有灵动性看起来更生动，话不多说喜欢的自行部署吧！ 演示效果： 第一款 第二款 第三款 第四款 代码部署： [hidecontent type="reply"] 无论是哪一款，代码都是直接放在主题后台设置 - 自定义CSS代码样式中的！代码已进行压缩！ 第一款第二款第三款第四款 .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} .posts-item{animation:floatUpRotate 0.8s ease forwards}@keyframes floatUpRotate{0%{opacity:0;transform:translateY(30px)...
10小时前
建站笔记
2025-08-22
08-22
特效代码 - 文字红色闪动动画-汇聚访

特效代码 – 文字红色闪动动画

大家好，今天汇聚访给大家带来一个文字红色闪动动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] CSSHTML 首先在你网站里添加css样式，代码如下： #titls{font-size:5.125rem;animation:animate 0.5s linear infinite;}@keyframes animate{0%,25%{text-shadow:2px 2px 2px #ff6384;}50%{text-shadow:2px -2px 2px #ff6384;}75%{text-shadow:-2px 2px 2px #ff6384;}100%{text-shadow:-2px -2px 2px #ff6384;}}#titlschi{display:block;color:#fafafa;font-size:3.25rem;letter-spacing:0;text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px...
3个月前
动画特效
2025-08-24
08-24
子比主题 – 首页左侧快捷导航美化-汇聚访

实用子比主题 – 首页左侧快捷导航美化

大家好，本次汇聚访给大家带来一款子比主题的首页左侧快捷导航美化样式，只会在电脑版本显示，效果还是非常不错的，比较便捷，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码CSS代码首页配置 首先在路径：/wp-content/themes/zibll/index.php文件里面我们将下面的代码放到</main>的下面 #号 zuixinfabu不要动，后面跟的两个分类的bbmh和zbmh是分类别名。跳转至对应的卡片列表，如果你想要跳转到哪个小工具那个地方你加一个<div id=”标签名字”>，然后改下面的代码#标签即可！ /*汇聚访：www.huijuf.com*/ <ul id="menu" class="ontop show" style="background:var(--main-bg-color);"> <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布" style="color:var(--key-color);" class="">最新发布</li></a> <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2美化" style="color:var(--key-color);" class="">B2美化</li></a> <a...
3个月前
建站笔记
2025-10-01
10-01
子比主题 - 新版文章卡片广告位小工具-汇聚访

实用子比主题 – 新版文章卡片广告位小工具

这是子比主题的一款文章卡片广告位小工具，之前也发过这个小工具只不过那个看着有点简陋，这个是在那个的基础上又增添了一些新东西，设置选项也增加了许多，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll在这个路径下的functions.php或者是func.php中添加以下代码： if (file_exists(get_theme_file_path('/inc/widgets/ad-card-widget.php'))) { require_once get_theme_file_path('/inc/widgets/ad-card-widget.php'); } /*汇聚访：www.huijuf.com*/ 然后把本文附件中的文件放在/wp-content/themes/zibll/inc/widgets这个目录下即可！ [/hidecontent]
1个月前
建站笔记
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]
5个月前
建站笔记
2025-09-04
09-04
子比主题 – 购买文章自动认证教程-汇聚访

实用子比主题 – 购买文章自动认证教程

该教程是给子比主题购买的文章加上一个文章自动认证教程，这个功能还是比较实用的，当用户买了本篇文章之后那么将会自动认证，有需要的自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放到里面 // 购买文章自动认证 function zibll_add_meta_box() { add_meta_box( 'zibll_auth_meta_box', '认证用户设置', 'zibll_auth_meta_box_callback', 'post', 'side' ); } add_action('add_meta_boxes', 'zibll_add_meta_box'); function zibll_auth_meta_box_callback($post) { // 获取元数据 $is_enabled = get_post_meta($post->ID, '_zibll_auth_enabled', true); $name = get_post_meta($post->ID, '_zibll_auth_name',...
2个月前
建站笔记
2025-10-14
10-14
子比主题 - 评论区增加开通会员按钮-汇聚访

实用子比主题 – 评论区增加开通会员按钮

这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮，这个按钮当用户评论的时候都可以看到，这样就更可以给自己的站点会员推广一下，教程也比较简单，不需要修改主题源代码，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案，将代码放到发送评论的后面！ </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
1个月前
建站笔记
1…1112131415…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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