汇聚访-汇聚访-第20页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-07-10
07-10
7B2主题 - 个人中心介绍随机个性化-汇聚访

实用7B2主题 – 个人中心介绍随机个性化

今天给大家分享7B2主题的个人中心介绍随即个性化，跟子比主题个人签名一言差不多，只不过7B2是自定义的，这个很难有演示界面，大概的作用就是给用户定义多个随机描述，不然每个注册用户的描述都是一样的。实际作用不大。 演示效果： 代码部署： [hidecontent type="reply"] 主题根目录：author.php 下面代码替换即可，个性化语句自己设置！ <!--汇聚访：www.huijuf.com 帖子样式美化--> <div class="user-panel-info"> <div class=""> <b><span id="userDisplayName"><?php echo $user_data->display_name; ?></span></b> <a><span class="user-page-lv"><?php echo $user_vip; ?><?php echo $user_lv; ?></span></a> <p> <?php if ($user_data->description) { echo str_replace( array('{{','}}'), '',...
7B2主题7b2美化建站笔记
2025-07-10
07-10
7B2主题 - 404页面-汇聚访

实用7B2主题 – 404页面

适用于WordPress网站7B2主题的404页面美化（其实所有wp主题都可以用），但是我没有测试，这个·需要你们自己部署然后测试下试试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 步骤一步骤二 替换404文件，原404文件位置：主题目录——404.php，将里面内容替换为下面的！ <?php get_header(); ?> <div id="primary" class="content-area"> <main id="main" class="site-main wrapper"> <div class="error-404 page-404"><div class="page-content"><h2>您访问的页面不存在</h2><p>暂时没有搜寻到您需要的内容，我们会在今后努力补充完整。 <br> 感谢对 乱码天地 的关注支持</p> <a class="go-home b2-radius" href="/"><i class="b2font b2-feiji"></i>返回首页</a><h3>这些热门频道或许您感兴趣</h3><ul><li>1. <a href="/cnjz/bmh">WordPress主题美化教程</a></li><li>2. <a href="/cnjz/chajian">WordPress主题插件下载</a></li><li>3....
7B2主题7b2美化建站笔记
2025-06-25
06-25
子比主题 - 侧边栏添加发帖按钮样式-汇聚访

实用子比主题 – 侧边栏添加发帖按钮样式

给子比主题论坛侧边加一个发帖按钮的样式代码，这个按钮样式非常的简约，自己填写跳转链接即可，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 这是小工具，直接放到你喜欢的位置，然后自定义HTML里即可! <div style="margin: 20px 0;"> <a href="/posts-edit/" style="display: block; width: 100%; background-color: #1677ff; color: white; padding: 12px 0; border-radius: 8px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500;"> + 我要发帖...
子比主题子比美化建站笔记
2025-06-25
06-25
子比主题 - 简约分类专题标签色调美化-汇聚访

实用子比主题 – 简约分类专题标签色调美化

今天给大家分享一个子比主题的分类样式的简约美化，每个人眼光不同，这种就比较简约，适合一些比较正式的站点使用吧！今天分享给大家！还有一点，鼠标悬浮专题分类或是标签上还有不同的颜色变化哦！ 演示效果： 代码部署： [hidecontent type="payshow"] 还是一样，代码直接放到子比主题后台设置->自定义代码->自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .posts-item.card .item-tags .but, .posts-item.card .meta-category a { position: relative !important; overflow: hidden !important; z-index: 1 !important; display: inline-block !important; padding: 4px 10px !important; margin: 0 6px 8px 0...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 动态时钟小工具-汇聚访

实用子比主题 – 动态时钟小工具

一款动态的粒子掉落的动态时钟小工具，放到自己侧边非常的美观，喜欢的自行去部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可，里面的js目录你自己上传一下本地然后拿一下链接就可以了！ HTMLJS <div class=”card-content”> <canvas id=”canvas” style=”width:100%;” width=”820″ height=”250″></canvas> <script src=”js目录”></script> </div> (function(){var t=820;var a=250;var r=7;var n=10;var e=.65;var f;var o=[];const v=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];var h=[];var u=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]];function l(t){var a=[];f.fillStyle="#005EAC";var r=new Date;var e=70,o=30;var v=r.getHours();var u=Math.floor(v/10);var...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 侧边百度一下卡片样式小工具-汇聚访

实用子比主题 – 侧边百度一下卡片样式小工具

今天给大家带来一款全新设计的小卡片，清新美观，这一个小工具没打算写小工具，因为功能太少，直接用代码实现即可！ 演示效果： 代码部署： [hidecontent type="payshow"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML即可！ HTMLCSSJS <div class="wniui-seach"> <span class="wniui_prefix wniui-baidu jb-pink">百度一下</span> <div class="input__container"> <div class="shadow__input"></div> <input type="text" name="text" class="input__search" placeholder="汇聚访"> <button class="input__button__shadow"> <img src="https://www.huijuf.com/wp-content/themes/zbbox/images/index/search.svg" alt="搜索"> </button> </div> </div> <style> .input__container { position: relative;...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画-汇聚访

实用子比主题 – 网站进入Loading加载动画

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创：星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="reply"] 直接将下面的代码放到：子比主题–>>自定义CSS样式即可，里面有一个图片链接，可以用我的也可以本地保存一下 CSS /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(svg路径链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode:...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 动态文章置顶美化-汇聚访

实用子比主题 – 动态文章置顶美化

今天在某个站点看见一个动态置顶，感觉挺好看的，现在分享给大家 效果演示： 代码部署： [hidecontent type="reply"] 子比主题–>>自定义CSS样式 CSS /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56%...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 恋爱天数小卡片-汇聚访

实用子比主题 – 恋爱天数小卡片

今天逛友链时，看到星雨博客里的恋爱天数小卡片设计挺好看，就搬运了一下。之前也有大佬分享过另一种样式的卡片，今天我把两种不同样式的代码整理了一下，代码放在博客里，喜欢的朋友可以自行获取！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="payshow"] 样式一样式二 <script src="//at.alicdn.com/t/c/font_3977018_i7ssrxgnwh.js"></script> <style> .wniui_icon { width: 1.5rem; height: 1.5rem; fill: currentColor; overflow: hidden; } .wniui_couple { text-align: center; } .wniui_couple .wniui_pic { border-radius: 50%; width: 5rem; background:...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 合作用户列表图片样式-汇聚访

实用子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 演示效果： 代码部署： [hidecontent type="payshow"] 一共两个部分的代码，一个是HTML，一个是css样式 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">汇聚访感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div>...
子比主题子比美化建站笔记
1…1819202122…30跳转
热评