汇聚访-汇聚访-第2页
用户封面
3.9W+40822
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访287天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省驻马店市管理员
发布401
排序
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

实用子比主题 – 置顶角标美化

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可： /*汇聚访：www.huijuf.com*/ .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left:...
8个月前
建站笔记
2025-05-31
05-31
子比主题 - 专题&分类聚合卡片上移-汇聚访

实用子比主题 – 专题&分类聚合卡片上移

这是一个子比主题小工具分类聚合卡片，今天看到别的站点这个挺好看的，然后就弄了下来，今天分享给大家！原作者是狐狸库！！ 演示效果： 代码部署： [hidecontent type="reply"] 把下方代码放到自定义代码css中 两个二选一 都一样！ 第一款第二款 .clearfix .zib-widget.term-aggregation .term-img { width: 18.5em; } .clearfix .zib-widget.term-aggregation .term-img .graphic { margin-top: -40px; } @media screen and (min-width:1024px) and (max-width: 1240px) { .clearfix .zib-widget.term-aggregation .term-img...
8个月前
建站笔记
2025-05-31
05-31
子比主题 - 文章详情页带Tab切换美化-汇聚访

实用子比主题 – 文章详情页带Tab切换美化

大家好，今天汇聚访给大家带来子比主题的文章详情页带Tab切换的功能，这个效果是腾飞先整出来的，适合所有子比站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 一共两个代码，一个是PHP代码，一个是CSS代码，PHP代码里面我已经引入了CSS文件，你可以引入文件也可以放到：子比主题–>>自定义CSS样式即可！ 定位：/wp-content/themes/zibll/inc/functions/zib-single.php文件，我们找到下面的函数，如下图！ 然后我们将一整块替换我下面的代码，直接替换我修改过的代码！ function zib_single() { zib_single_header(); do_action('zib_single_before'); echo '<article class="article main-bg theme-box box-body radius8 main-shadow">'; echo ' <div class="tabs"> <div class="tab active" data-target="#postsposcontent"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 详情</div> <div class="tab"...
8个月前
建站笔记
2025-05-01
05-01
子比主题 - 会员框炫彩美化-汇聚访

实用子比主题 – 会员框炫彩美化

这是一款子比主题的会员框炫彩样式美化，此效果作用于多个地方，例如用户中心的会员开通按钮以及网站右上角的开通会员按钮等等，代码部署起来也比较简单，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .payvip-icon { color: #ffffff; --this-color: #ffffff; background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme1 { background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme2 { background: linear-gradient(43deg, #ff6ac3...
8个月前
建站笔记
2025-11-21
11-21
子比主题 - 联系我们页面-汇聚访

实用子比主题 – 联系我们页面

这是子比主题的一款联系我们页面，这个页面本来就是优设网的随后适配到子比主题的，黑夜模...
2个月前
建站笔记
2025-08-03
08-03
子比主题 - 修改导航图标为登录用户头像-汇聚访

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

大家好，今天汇聚访教大家如何修改导航图标为登录用户头像，这个效果的原创作者是苏晨，我仅供分享，这个效果在电脑端导航布局中的第二个选项是自带的，因为该教程需要修改主题原代码，请先保存好代码再开始修改，以防代码丢失或系统崩溃，话不多说直接开始。 演示效果： 代码部署： [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:;"...
5个月前
建站笔记
2025-10-07
10-07
子比主题 – CSS动态渐变背景（三款样式）-汇聚访

实用子比主题 – CSS动态渐变背景（三款样式）

这是子比主题的三款CSS动态渐变背景样式的美化，图片中我仅仅展示了静态的样式效果，原作者为鼠子，对比那些svg作为背景图来说还是这个比较好一些，不会受到浏览器的兼容性问题，有喜欢的自行部署吧！ 演示效果： 第一款第二款第三款 代码部署： [hidecontent type="reply"] 三款都是CSS代码，直接将代码放到：子比主题–>>自定义CSS样式即可！ 第一款第二款第三款 body:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -520; pointer-events: none } body:before { background: linear-gradient(90deg,#f795331a,#f370551a 15%,#ef4e7b1a 30%,#a166ab1a,#5073b81a,#1098ad1a,#07b39b1a 86%,#6dba821a) }...
3个月前
建站笔记
2025-04-28
04-28
子比主题 - 文章卡片下载按钮样式美化-汇聚访

实用子比主题 – 文章卡片下载按钮样式美化

给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两个php代码和一个css代码，话不多说直接开始教程！ PHPCSS 第一步：搜索zib_get_posts_list_meta或者是注释//获取文章列表的底部meta这个注释然后在这个函数内部加上以下代码，大概放在265行左右： $get_permalink = get_permalink();//添加文章链接 随后将下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*下载按钮www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
9个月前
建站笔记
2025-07-22
07-22
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

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

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [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:...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 自定义右键菜单-汇聚访

实用子比主题 – 自定义右键菜单

大家好，本地汇聚访给大家带来了子比主题的自定义右键菜单，这个效果还是挺不错的，菜单中有很多实用的功能，便捷的同时又防止了别的右键扒站，有喜欢的的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到网站统计HTML代码里面即可！里面的内容自己改动一下！！ <style type="text/css"> /*www.huijuf.com*/ a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul...
8个月前
建站笔记
1234…41跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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