汇聚访-汇聚访-第28页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
2025-06-07
06-07
子比主题 - 首页底部登录弹窗模块-汇聚访

实用子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="payshow"] PHPCSS 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面! /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img...
子比主题子比美化建站笔记
2025-06-07
06-07
子比主题 - 首页排名榜样式美化-汇聚访

实用子比主题 – 首页排名榜样式美化

今天给大家分享一款首页排行榜样式的美化教程，这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始(适配夜间）！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个！ 将文章附件的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜： <?php get_sidebar(); ?> 随后将文章附件里的CSS放在后台自定义CSS样式里！pic文件夹里的图片素材放在网站根目录，可自行在CSS代码里调整图片引入路径哦~ [/hidecontent]
子比主题子比美化建站笔记
2025-06-07
06-07
子比主题 - 文章页顶部导航栏美化-汇聚访

实用子比主题 – 文章页顶部导航栏美化

今天逛站的时候，发现了这个面包屑导航的美化样式，今天分享给大家！ 演示效果： 代码部署： [hidecontent type="reply"] /* 面包屑导航容器样式 */ .breadcrumb { display: flex; align-items: center; list-style: none; padding: 1.5rem 2rem; margin: 0; background: linear-gradient(135deg, #f0f6ff, #e6f0ff); border: 1px solid #c3d9ff; border-radius: 1rem; box-shadow: 0 6px 12px...
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

实用子比主题 – 全局B2弹窗提醒样式美化

这个是子比主题全局B2弹窗提醒样式的美化，可以看本站的复制、签到等等更多按钮，就是把子比默认的弹窗替换了B2样式美化，部署之前要确保之前没有引入过其他的弹窗样式，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 一共三个地方的代码，跟着我的步骤走不会有问题，确保之前没有部署过其他的弹窗样式！ CSS自定义底部HTML 放在子比主题–>>自定义CSS样式即可！ /*弹窗提醒*/ .qmsg.qmsg-wrapper { box-sizing:border-box; margin:0; padding:0; font-size:13px; font-variant:tabular-nums; line-height:1; list-style:none; font-feature-settings:"tnum"; position:fixed; top:136px; left:0; z-index:9999999; width:100%; pointer-events:none; color:#000; } .qmsg .qmsg-item { padding:8px; text-align:center; -webkit-animation-duration:.3s; animation-duration:.3s; position:relative;...
子比主题子比美化建站笔记
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-06-15
06-15
子比主题 - 文章归档页面模板修改版-汇聚访

实用子比主题 – 文章归档页面模板修改版

今天给大家带来子比主题的文章归档页面，这个页面是二改修复过的，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/pages，新建一个文件，但是后缀是php，如grace.php，然后将下面的附件放进去，然后我们到：WP后台–>>页面–>>新建页面–>>模版–>>选择Grace-文章归档新版！随后发布即可！文件在文件附件里，自行下载即可！ [/hidecontent]
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 动态渐变光效-汇聚访

实用子比主题 – 动态渐变光效

今天逛站点的时候发现了这个效果，感觉挺好看的就扒了下来，今天分享给大家！顺便也记录一下！防止代码丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码素材图片 .hg-yj p span { font: 100 3.0em/1"Oswald", sans-serif; letter-spacing: 0; padding: .25em 0 .155em; display: block; margin: 0 auto; text-shadow: 0 0 80px rgb(255 255 255 / 50%); background:...
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 悬浮按钮简洁美化-汇聚访

实用子比主题 – 悬浮按钮简洁美化

今天给大家分享一个子比主题悬浮按钮的简洁版美化，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] .float-right .float-btn { color: #555; background-color: #fff; text-align: center; cursor: pointer; position: relative; border-radius: 4px; border-bottom: 1px solid #f8f8f8; box-shadow: 0 0px 6px 0 rgba(76, 86, 114, .12); width: 39px;...
子比主题子比美化建站笔记
2025-06-18
06-18
子比主题 - 渐变首页栏目美化-汇聚访

实用子比主题 – 渐变首页栏目美化

今天给大家分享一个渐变的首页栏目，之前写了一篇二次元美化的，今天给大家分享一下这个效果！原创应该是炙焰！我也算是记录一下，防治效果丢失！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放到后台子比设置-自定义css样式即可！ .index-tab ul>li{border-radius:7px;background:none;color:#000;transition:background-color .5s ease}.index-tab ul>li.active{background:linear-gradient(45deg,var(--gradient-active));background-size:400% 400%;animation:GradientShift 15s ease infinite}@keyframes GradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}} :root { --gradient-base-1: 255,127,80; --gradient-base-2: 148,143,255; --gradient-base-3: 76,175,80; --gradient-base-4: 255,165,0; --gradient-active: rgba(var(--gradient-base-1),0.3) 0%,rgba(var(--gradient-base-2),0.3) 25%,rgba(var(--gradient-base-3),0.3) 50%,rgba(var(--gradient-base-4),0.3) 75%,rgba(var(--gradient-base-1),0.3)...
子比主题子比美化建站笔记
2025-06-25
06-25
子比主题 - 用户登陆后右下角弹窗提示-汇聚访

实用子比主题 – 用户登陆后右下角弹窗提示

这个有两个版本，别人做的，今天分享给大家，希望大家能喜欢！第二个为优化版，优化几个bug，第一个就是不显示上次登录ip，第二个就是不会自动消失，第三个就是时间不对，同时也增加了用户名的显示！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="reply"] 效果一效果二 把代码复制到functions.php文件中即可。 // 将以下代码添加到主题的 functions.php 文件 function zib_login_security_notice() { if (is_user_logged_in() && !wp_is_mobile()) { // 添加移动端判断 $user = wp_get_current_user(); $login_ip = !empty($_SERVER['HTTP_X_FORWARDED_FOR']) ? explode(',', $_SERVER['HTTP_X_FORWARDED_FOR'])[0] : $_SERVER['REMOTE_ADDR']; $login_time...
子比主题子比美化建站笔记
1…2627282930跳转
热评