最新发布第36页
子比主题 - 悬浮按钮简洁美化-汇聚访

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

130次查看
免费
今天给大家分享一个子比主题悬浮按钮的简洁版美化，希望对大家有帮助！ 演示效果： 代码部署： [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;...
子比主题#建站笔记
1年前
61307
子比主题 - 动态渐变光效-汇聚访

子比主题 – 动态渐变光效

1次下载
100
今天逛站点的时候发现了这个效果，感觉挺好看的就扒了下来，今天分享给大家！顺便也记录一下！防止代码丢失！ 演示效果： 代码部署： [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:...
子比主题#建站笔记
1年前
01528
特效代码 - 渐变文字特效-汇聚访

特效代码 – 渐变文字特效

1次下载
80
大家好，今天汇聚访给大家分享两款渐变颜色代码，希望大家能够喜欢！效果还是很不错的！有喜欢的自行部署吧！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="payshow"] 效果一效果二 .zbbox-p{font-weight:600;color:#8c888b;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-moz-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-ms-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);color:transparent;-webkit-background-clip:text;animation:ran 20s linear infinite}@keyframes ran{from{background-position:0}to{background-position:2000px 0}} 代码为了减少加载速度，已压缩处理！放在子比后台-自定义CSS样式即可！随后自行引入样式即可！ .wniui-colorful{ font-weight: 700; background-image: linear-gradient(90deg, #673ab7, #e91e63); background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, rgb(255, 167, 69), rgb(254, 134,...
特效代码#动画特效
1年前
01055
子比主题 - 文章归档页面模板修改版-汇聚访

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

107次查看
免费
今天给大家带来子比主题的文章归档页面，这个页面是二改修复过的，希望对大家有帮助！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages，新建一个文件，但是后缀是php，如grace.php，然后将下面的附件放进去，然后我们到：WP后台–>>页面–>>新建页面–>>模版–>>选择Grace-文章归档新版！随后发布即可！文件在文件附件里，自行下载即可！ [/hidecontent]
子比主题#建站笔记
1年前
210712
子比主题 - 昼夜切换模式新增过度动画-汇聚访

子比主题 – 昼夜切换模式新增过度动画

102次查看
免费
今天给大家分享一个昼夜切换的过度动画，原作者为囚墨，希望大家能够喜欢！话不多说，直接开始部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先找到相应的代码位置： /wp-content/themes/zibll/js/main.min.js，这里的代码是压缩过的，可以将main.js里的代码复制到main.min.js里，替换代码后再将代码进行压缩即可！随后搜索主题切换，替换主题切换事件方法！ $('.toggle-theme').click(function(e) { // 缓存所有DOM元素和初始值，避免重复查询 var body = $('body'); var isDark = body.hasClass('dark-theme'); var tinymceBody = $('#post_content_ifr').contents().find('body'); var enlighter = $('.enlighter-default'); var highClasses = { white: 'enlighter-t-' + _win.highlight_white_zt, dark:...
子比主题#建站笔记
1年前
810215
子比主题 - 可爱的返回顶部悬挂猫-汇聚访

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

85次查看
免费
这是一款子比主题右侧可爱的返回顶部悬挂猫，点击它就会自动帮你返回到网站的顶部，在返回页面的同时，小猫也会跟随着返回，十分可爱灵动，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先把文章内的附件下载下来解压到子比主题目录，和后面的目录一样，定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ function back_to_top_cat() { echo '<script src="/wp-content/themes/zibll/assets/js/cat.js"></script> <script type="text/javascript" src="/wp-content/themes/zibll/assets/js/szgotop.js"></script> <link rel="stylesheet" type="text/css" href="/wp-content/themes/zibll/assets/css/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'); 子比返回顶部悬挂猫附件下载提取码e6ZM [/hidecontent]
子比主题#建站笔记
1年前
18510
子比主题 - 文章页隐藏侧边栏按钮-汇聚访

子比主题 – 文章页隐藏侧边栏按钮

2次下载
15
大家好，今天汇聚访给大家分享一款子比主题的文章页隐藏侧边栏按钮，这个效果也是非常便捷，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在wp-contentthemeszibllincfun ctionszib-single.php中找到以下图片中的代码： 直接搜zib_get_post_more_dropdown就可以直接找到这串代码，然后把这段代码里这串代码替换成我发的！ function zib_get_single_meta_box($class = 'abs-right', $direction = 'down') { if (!is_single()) { return; } $more_dropdown = zib_get_post_more_dropdown(null, 'pull-right', 'but cir post-drop-meta', zib_get_svg('menu_2'), $direction); $more_dropdown = $more_dropdown ? '<div class="clearfix...
子比主题#建站笔记
1年前
01337
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

子比主题 – 加一个实用美观可翻转的区块代码

108次查看
免费
这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
子比主题#建站笔记
1年前
81085
子比主题 - 全局B2弹窗提醒样式美化-汇聚访

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

185次查看
免费
这个是子比主题全局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;...
子比主题#建站笔记
1年前
1318510
子比主题 - 顶部功能组件文字跳动美化-汇聚访

子比主题 – 顶部功能组件文字跳动美化

102次查看
免费
这是一款子比主题的顶部功能组件文字跳动美化，跳动的文字可自行更改，教程写的也是比较详细，此外可自行设置启动延迟、打字速度、是否循环等一些相关参数，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：Zibll主题设置->页面&显示->顶部多功能组件->叠加搜索组件->额外内容！ <div class="em16 font-bold mb10">汇聚访www.huijuf.com</div> <div id="index-tips" style="height:25px;"></div> 定位：Zibll主题设置->全局&功能->自定义代码->自定义底部HTML代码！ 注意：自行更换beat_text.js的路径，否则无法生效！beat_text.js我放在文件附件里了，自行下载！建议把附件放在网站根目录！ <!--FOOTER_CODE_START--> <script src="/beat_text.js" type="text/javascript"></script> <!--tiaodongbiaoti--> <script type="text/javascript"> var typed = new Typed("#index-tips", { strings: ["本站所有积分资源均可签到获取","设计，创新，动力，为主题美化设想！","能量加持，发挥巨大生产力，重塑主题驱动之力！","美化强势动力来自热爱，巨强大，新维度！"], startDelay: 100, //启动延迟 backDelay: 2000,...
子比主题#建站笔记
1年前
71028
1…3435363738…45跳转