汇聚访-汇聚访-第27页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-10-09
10-09
子比主题 – 侧栏个人信息卡片-汇聚访

实用子比主题 – 侧栏个人信息卡片

这是一款子比主题的侧栏个人信息卡片，美化代码主要来源于张洪的博客，然后狐狸模仿写了一下，这个效果还是挺不错的，但是夜间模式并没有适配，有需要的自行适配一下，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 文章页-侧边栏 - 自定义HTML代码中添加以下三种代码，这边我推荐放在侧边栏。 HtmlCSSJS <div class="zbfox_user_card"> <div class="zbfox_user_cont"><span>生活明朗 万物可爱</span></div> <div class="zbfox_user_avatar"><img src="https://www.huijuf.com/wp-content/uploads/2025/05/汇聚访506-03.png" alt="avatar"></div> <div class="hidden_text"> <span>这有关于<b>产品</b>、<b>设计</b>、<b>开发</b>相关的问题和看法，还有<b>文章翻译</b>和<b>分享</b>。<br>相信你可以在这里找到对你有用的<b>知识</b>和<b>教程</b>。</span> </div> <div class="zbfox_user_infor"><span>HUIJUF.COM</span> <p>记录生活 留住感动</p> </div> <div class="zbfox_user_infor_qq"><a...
子比主题子比美化建站笔记
2025-07-10
07-10
7B2主题 - 移动端底部菜单栏-汇聚访

实用7B2主题 – 移动端底部菜单栏

今天给大家分享一下WordPress网站7B2主题移动端底部菜单栏的美化教程，其他WordPress主题可能不适用！美化的内容主要是修改了移动端菜单栏的位置，不涉及图标的修改！ 演示效果： 代码部署： [hidecontent type="reply"] 修改文件：b2/Assets/fontend/mobile.css （有些可能不止一个，但是看对应代码就能辨别，差不多的就是） 1.查找：.mobile-footer-menu.footer-fixed{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu.footer-fixed{ position: fixed; padding-bottom: calc(env(safe-area-inset-bottom) + 6px); } /*修改*/ 2. 查找：.mobile-footer-menu{，将该处替换为 /*汇聚访：www.huijuf.com*/ .mobile-footer-menu{ box-shadow: 0 -1px 3px 0 rgba(26,26,26,.1); padding: 5px; z-index: 5; flex-flow: nowrap; display: flex;...
7B2主题7b2美化建站笔记
2025-06-15
06-15
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

实用子比主题 – 可爱的返回顶部悬挂猫

在浏览网页时，想要快速回到顶部？可爱的返回顶部悬挂猫来帮忙啦！它不仅实用，能让你瞬间 “归位”，其萌态更是为网页浏览增添一抹趣味。接下来就一起看看它的奇妙用法吧。 演示效果： 代码部署： [hidecontent type="reply"] 首先上传文件到一个可以访问地方，文件我放在文章附件里了，自行下载即可！接着将代码放入到zibll文件夹下function.php文件中或者新建一个func.php放入其中并进行修改，接着修改szgotop.css中，如下图位置的图片文件地址！ function back_to_top_cat() { echo '<script src="cat.js文件路径"></script> <script type="text/javascript" src="szgotop.js文件路径"></script> <link rel="stylesheet" type="text/css" href="szgotop.css文件路径" /><div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -600px;"></div>'; } add_action('wp_head', 'back_to_top_cat'); [/hidecontent]
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 底部添加渐变色背景统计模块（两种样式）-汇聚访

实用子比主题 – 底部添加渐变色背景统计模块（两种样式）

在网站底部添加一个统计信息，可以看到网站的运营情况，如会员数量，文章数量、网站的总浏览量、当天发布的文章数量、网站运营天数等，并且这个统计信息背景是渐变色的，非常漂亮。之前有分享过这个代码，今天新增了一个显示评论总数，把今天发布文章数量改为了本周发布的数量，如果需要之前的版本，可以参考下面这篇文章 演示效果： 样式一： 样式二： 代码部署： [hidecontent type="payshow"] 进入子比主题目录，创建 func.php 文件，把下面的代码添加进去（下面两个选择一个喜欢的样式填进去即可） 样式一样式二 <?php //实现侧边栏文本工具运行PHP代码 add_filter('widget_text', 'php_text', 99); function php_text($text) { if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text); $text = ob_get_contents(); ob_end_clean();...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 鼠标选中文字颜色样式-汇聚访

实用子比主题 – 鼠标选中文字颜色样式

今天为主题增加一个复制选中效果，直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题-自定义CSS样式即可 color: #0045FF;是选中颜色，自己改自己喜欢的颜色吧 ::selection { background: transparent; color: #0045FF; } [/hidecontent]
子比主题子比美化建站笔记
2025-08-19
08-19
子比主题 – 页脚流光文字漂浮美化-汇聚访

实用子比主题 – 页脚流光文字漂浮美化

大家好，今天汇聚访给大家带来一款子比底部彩虹流光动态文字漂浮页面美化，这套底部样式有着高级渐变色底，并且还是适配的电脑端和手机端的，相比于原版，我给每个按钮添加了跳转链接，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先定位到/wp-content/themes/zibll/footer.php这个路径，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部！ <footer class=”footer”> <?php if (function_exists(‘dynamic_sidebar’)) { dynamic_sidebar(‘all_footer’); }?> <div class=”container-fluid container-footer”> <?php do_action(‘zib_footer_conter’);?> </div> </footer> 把上方代码全部替换为下方即可： /*汇聚访：www.huijuf.com*/ <footer class="api-footer"> <div class="text-background"></div> <div class="footer-content"> <div class="site-info"> <h2>汇聚访www.huijuf.com</h2> <p>本站致力于分享优质实用的互联网资源</p> </div> <div...
子比主题子比美化建站笔记
2025-10-13
10-13
Ri主题 - 首页四格小工具美化-汇聚访

实用Ri主题 – 首页四格小工具美化

这是给RiProV5主题添加的一款四格小工具样式，总体看起来还是不错的，有一种科技风的感觉，图片我全部放在图床上面了，推荐自行下载起来本地化，你可以放在任何位置，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码（所放置的位置自行挑选）： /*汇聚访：www.huijuf.com*/ <div class="container animate__animated animate__fadeInUp"> <div class="row animate__animated animate__fadeInUp"> <div class="col-3"><div class="item"><a target="_blank" href="/wordpress" class="d-flex justify-content-center align-items-center py-4" style="color:#0868ac"><div class="item-icon"> <img src="https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg"></div><div class="text-left"><h5>WordPress...
RiThemeRiProV5建站笔记
2025-05-24
05-24
子比主题 - MacOS系统弹窗跳转引导提醒-汇聚访

实用子比主题 – MacOS系统弹窗跳转引导提醒

尘封已久的代码，今天趁有空就跟大家分享一下！做有关Mac资源的站应该比较有用，该代码可以判断主机系统来显示对应的引导链接，样式简约美观，倒计时自动关闭！ 演示效果： 代码部署： [hidecontent type="reply"] JS代码放入后台！ /*JS弹窗跳转引导提醒*/ try { if($ || jQuery) { tipsFun(); } } catch(e) { let script=document.createElement("script"); script.type="text/javascript"; script.src="路径（文件在文章最后）/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload = tipsFun; } function tipsFun() { // 判断用户是否是windows if((navigator.platform == "Win32")...
子比主题子比美化建站笔记
2025-10-13
10-13
Ri主题 - 顶部导航菜单角标样式-汇聚访

实用Ri主题 – 顶部导航菜单角标样式

这是一款Ri主题的顶部导航菜单角标样式，条总并没有像子比一样适配一些样式，这是单独用代码实现的，具有动态的效果，看起来还是挺不错的，话不多说，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .menu-ico { font-size: 12px; color: #ffffff; line-height: 1; position: absolute; background: #9C27B0; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; padding: 2px 3px; display: inline-block; top:...
RiThemeRiProV5建站笔记
2025-08-02
08-02
HTML源码 – 毛玻璃卡片维护页面源码-汇聚访

HTML源码 – 毛玻璃卡片维护页面源码

这是一款毛玻璃卡片维护页面源码，带有微妙阴影，悬停时卡片上浮增强交互感，新域名突出显...
精品源码html源码维护页源码
1…252627282930跳转
热评