汇聚访-汇聚访-第10页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
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-30
04-30
子比主题 - 加一个NEW居中标题样式美化-汇聚访

实用子比主题 – 加一个NEW居中标题样式美化

带有绿色标题和描述的效果。标题文字居中显示，并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述，描述文字为灰色小字体，两侧有一条水平线，使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码直接丢到：外观-小工具-自定义HTML即可，自己喜欢就改一下里面文字 <div class="emoji-container"> <div class="emoji-title">NEW</div> <div class="emoji-separator emoji-sub emoji-sm">学无止境，活到老，学到老</div> </div> <style> .emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center} .emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%} .emoji-separator{display:flex;align-items:center;justify-content:center;width:100%} .emoji-sub{color:#8c92a1!important} .emoji-sm{font-size:14px} .emoji-title{font-size:24px;font-weight:bold;color:green} /*www.huijuf.com*/ </style> [/hidecontent]
子比主题子比美化建站笔记
2025-05-06
05-06
子比主题 - 给网站底部添加一个蓝色矩形循环跳动动画-汇聚访

实用子比主题 – 给网站底部添加一个蓝色矩形循环跳动动画

之前不是发了一个相似教程吗，现在着手修改了下，比原来好看的多（字变大了些）！ 演示效果： 代码部署： [hidecontent type="reply"] 后台小工具页面添加以下html并放置于底部全宽度即可 <div class="widget-graphic-cover mb20 hidden-xs"><div style="--font-size:30px;"><div class="graphic hover-zoom-img noshadow mb10 " style="padding-bottom: 16%!important;"><video autoplay="" loop="" muted="" class="fit-cover lazyloading" data-src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" poster="https://oss.zibll.com/zibll.com/2024/03/20240317190819420-蓝色矩阵跳动-封面.jpg"></video><div class="abs-center text-center graphic-text this-font"><div class="em12 mb10 font-bold">专心做好一件事</div> 致力创造一个高质量分享平台</div></div></div></div> [/hidecontent]
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 会员引导悬浮窗[代码版]-汇聚访

实用子比主题 – 会员引导悬浮窗[代码版]

之前有倦意大佬发过插件版本的，今天分享一下代码版本的吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 放自定义顶部或底部html都可以，也可以放文件里，都随意！图片可自行更换哦~ <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script> --> <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.5/js.cookie.js"></script> <style> /* 活动背景图片 */ .vip-login-tip { background-image: url(图片地址) } </style> <script> //快捷施法专区，懒人福音⬇️⬇️⬇️ // 结束时间 var...
子比主题子比美化建站笔记
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-07-31
07-31
技术教程 - WordPress中的标准时间格式设置-汇聚访

技术教程 – WordPress中的标准时间格式设置

WordPress的主要“战场”在美国，鉴于中西文化习惯等差异，其一些设置是不符合国...
技术教程WordPress建站笔记
2025-08-26
08-26
图片素材 - 会员等级图标-汇聚访

精美图片素材 – 会员等级图标

大家好，今天汇聚访给大家带来一组会员等级图标，一组一共有7个，格式有png和svg，...
图片素材图文素材
2025-09-29
09-29
子比主题 - 炫酷侧边栏样式-汇聚访

实用子比主题 – 炫酷侧边栏样式

这是子比主题的侧边栏样式，这个效果起初是腾飞写的，但是他的手机版加载的时候好像有问题，现在他也不用了，我发出来做个笔记以防丢失，我这里对手机版隐藏了，因为手机版看着太臃肿了。这里只推荐电脑版使用，话不多说喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSJS自定义底部HTML代码 定位：后台 - 自定义CSS样式中添加以下代码即可（代码已进行压缩）： /*汇聚访：www.huijuf.com*/ .side-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:999}.nav-card{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 35px rgba(79,70,229,.15)}.nav-card i{font-size:20px;color:#4b5563;transition:color .3s ease;position:relative;z-index:2}.card-vip{background:linear-gradient(135deg,#5b5fff,#4f46e5);z-index:10}.card-vip i{color:#fff}.card-vip:hover{box-shadow:0 12px 35px rgba(79,70,229,.3)}.mx-card-content{position:absolute;width:220px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;left:-240px;top:50%;transform:translateY(-50%)}.nav-card:hover .mx-card-content{opacity:1;visibility:visible;left:-230px}.content-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,transparent...
子比主题子比美化建站笔记
2025-10-13
10-13
Ri主题 - 左下角会员倒计时广告-汇聚访

实用Ri主题 – 左下角会员倒计时广告

这是一款Ri主题的会员倒计时广告样式效果，部署之后将会在网站的左下角显示，总体来说还是挺不错的，特别方便引导用户查看，该效果在每个页面都显示，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/footer.php找到以下代码： </body> 随后在此代码上面添加以下代码（CSS和JS可放在主题后台，当然你也可以一起放置，如需更改倒计时时间需要更改JS的代码，图片我放在图床了，推荐本地化）： HtmlCSSJS <div class="floating-module" id="floatingModule"> <a href="/vip-prices/"> <div class="life-tu"> <div class="flip-container"> <img class="front" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> <img class="back" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> </div> </div> </a> <div class="life-end"></div> <img class="life-close" src="https://pic1.imgdb.cn/item/68eba2e2c5157e1a8869f296 .png" onclick="closeModule()">...
RiThemeRiProV5建站笔记
2025-04-27
04-27
子比主题 - 侧边滚动播报小工具-汇聚访

实用子比主题 – 侧边滚动播报小工具

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！！ 效果一效果二 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css"> #container-box-1{color:#526372;text-transform:uppercase;width:100%;font-size:16px;line-height:50px;text-align:center;padding: 10px;background: linear-gradient(45deg,...
子比主题子比美化建站笔记
1…89101112…30跳转
热评