汇聚访-汇聚访-第10页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-07-26
07-26
子比主题 - 顶部多功能导航区块-汇聚访

实用子比主题 – 顶部多功能导航区块

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放在小工具即可： <style> /*汇聚访：www.huijuf.com*/ .slide_6_search { height:68px; width:1200px; position:relative; z-index:12; margin:0 auto; margin-top:-100px; z-index:1; top:-120px } .slide_6_search .searchbox { width:1010px; margin:0 auto; background:rgba(255,255,255,0.5); height:48px; border-radius:5px; padding:10px } /*汇聚访：www.huijuf.com*/ .slide_6_search .searchbox .search_input...
子比主题子比美化建站笔记
2025-08-12
08-12
子比主题 - 添加文章评论常用语功能（v8.1修复版）-汇聚访

实用子比主题 – 添加文章评论常用语功能（v8.1修复版）

大家好，今天汇聚访给大家带来子比主题的文章评论常用语功能，这个功能子比在v8.1添加了，也就是自动回复，但是有些人感觉没有这个看着舒服，今天就出个教程，已经修复8.1版本代码变动的情况，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在子比后台-CSS代码样式中添加代码： /*常-用-语样式*/ .wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)} .wiiuii-words-li:hover{background:var(--float-btn-bg)} 随后在后台主题设置-自定义javascript代码添加下面jQuery代码： // 评-论-常-用-语JS $('.wiiuii-words-li').on('click', function() { var $wiiuii_comment = $('#comment'); var wiiuii_com_text = $(this).find('span').text(); var wiiuii_com_original = $wiiuii_comment.val(); $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + ' ' +...
子比主题子比美化建站笔记
2025-08-20
08-20
子比主题 - 首页广告图片文字代码-汇聚访

实用子比主题 – 首页广告图片文字代码

大家好，今天汇聚访给大家带来一款广告图片文字代码，这个代码适配所有网站，默认双端显示，可自行更改仅PC端显示或者仅移动端显示，非常适合站长使用，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将代码放到：后台-外观-小工具-自定义HTML即可： <style> @media screen and (max-width: 1000px) { .pc-wobbt { display: none; } } /* pc-wobbt 仅PC端显示 根据需求改放图片盒子代码 <div class="wobbt-img pc-wobbt"> */ @media screen and (min-width: 1000px) { .m-wobbt{display:none; }}...
子比主题子比美化建站笔记
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...
特效代码动画特效
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-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...
子比主题子比美化建站笔记
2025-08-27
08-27
子比主题 – 二次元文章排行榜小工具-汇聚访

实用子比主题 – 二次元文章排行榜小工具

大家好，今天汇聚访给大家带来一款二次元文章排行榜小工具，之前也发过其他样式的排行榜小工具，这个风格比较偏二次元，作者是苏晨，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] <?php Zib_CFSwidget::create('widget_rank', array( 'title' => 'top-热门排行榜', 'zib_title' => true, 'zib_affix' => true, 'zib_show' => true, 'description' => '二次元风格热门文章排行榜', 'fields' => array( array('title' => '排行榜1名称', 'id' => 'hot_1', 'type' => 'text',...
子比主题子比美化建站笔记
2025-08-24
08-24
子比主题 – 会员购买页面添加背景图-汇聚访

实用子比主题 – 会员购买页面添加背景图

大家好，今天汇聚访给大家带来一款子比主题会员购买页面背景图的这么一个样式效果，看上去非常的美观，适合于那些二次元和动漫的站点，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将代码放到：子比主题–>>自定义CSS样式即可！ /*vip背景开始*/ .vip-card{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); background-size: auto; background-size: 115%; } .sub-vip-card .vip-card{ background-size: 175%; } .payvip-icon{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); } /*vip背景结束*/ [/hidecontent]
子比主题子比美化建站笔记
2025-08-23
08-23
子比主题 - 未登录用户禁止查看图片-汇聚访

实用子比主题 – 未登录用户禁止查看图片

大家好，本次汇聚访给大家带来子比主题未登录用户禁止查看图片的功能，这个功能对于一些站点来说还是比较实用的，配合着我之前发的未登录用户禁止查看文章内容实用，效果更加得好，话不多说了有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 找到目录：/wp-content/themes/zibll/inc/functions/zibll-theme.php，然后搜if ($show_url)，然后在他这一块的上面加上下面的代码！$img_url里图片链接自行更改！ // 最后登录判断 if(!is_user_logged_in()){ $img_url = 'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01iV7q291QbInEwlATS_!!2210123621994.jpg'; } [/hidecontent]
子比主题子比美化建站笔记
2025-08-22
08-22
子比主题 – 网站文章内容弹窗提示（两款弹窗）-汇聚访

实用子比主题 – 网站文章内容弹窗提示（两款弹窗）

大家好，今天汇聚访给大家带来两款网站文章内容弹窗提示，复制的时候会弹出弹窗，整体效果还是不错的，第二款的弹窗是在内容末尾加版权信息，有喜欢的的自行部署吧！ 演示效果： 第一款： 第二款： 代码部署： [hidecontent type="reply"] 第一款第二款 将下面的代码放到：子比主题–>>自定义javascript代码即可！ /* 复制提示 */ document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});}; /*汇聚访：www.huijuf.com*/ 随后将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ <!-- 复制提示框 --> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，自行修改文字！ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script> <!-- 复制自动添加版权声明 --> <script type="text/javascript"> $(document).on("copy",...
子比主题子比美化建站笔记
1…89101112…30跳转
热评