子比美化 第6页
标签
排序
2026-01-28
评论可见
子比主题-内嵌其他网页-识趣者资源

子比主题-内嵌其他网页

操作步骤 首先到你的主题根目录，这里以本站子比主题为例，路径为：你的网址/wp-content/themes/zibll/ 新建一个空白文件 空白文件自定义命名，我这里内嵌狐狸论坛，所以就填写 bbs.php 命名后确认一下路径，然后打开刚新建的文件 将下方代码粘贴进去，记得更换你要内嵌的网址 代码 [hidecontent type="reply"] <?php /** * Template name: Huliku - 内嵌网页 * Description: Huliku - 内嵌网页 */ // 获取链接列表 get_header(); $header_style = zib_get_page_header_style(); ?> <!--开始--> <iframe src="你要内嵌的网址" width="100%"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-02-03
200积分
子比美化教程 – 二次元风格弹窗带时间和日期-识趣者资源

子比美化教程 – 二次元风格弹窗带时间和日期

食用教程 将下列代码粘贴到”zibll主题设置－>全局&功能－>自定义代码－>自定义头部HTML“中： [hidecontent type="payshow"] <!--【星语的小木屋】二次元风格弹窗带时间和日期 --> <style> #welcome-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(6px);*/ display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 1;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题 – 动态时钟与问候语小工具-识趣者资源

子比主题 – 动态时钟与问候语小工具

演示图 [hidecontent type="reply"] <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div> </div> <style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
588积分
子比主题-美化评论区UID（支持三种信息显示）-识趣者资源
子比美化

美化子比主题-美化评论区UID（支持三种信息显示）

美化内容 既然是二开那就要做点有意义的，所以初一二开的版本除了 用户ID 以外额外增加了 IP地址、用户所在城市 、点击复制内容信息。（例如复制用户ID、IP、所在城市） 最最重磅的是什么呢？ 增加了后台！！！ 你没有听错本次美化初一写了后台，并且不依赖插件和子主题。 后台直接写进子比主题，无需过多繁琐操作，只需复制粘贴一串代码然后上传图片素材即可。 美化代码 functions代码，将以下代码放置于func.php [hidecontent type="payshow"] /* * 初一小盏二开评论区贴图 * 如果你是萌新不懂得操作请不要随意修改任何代码 * 感谢您购买初一小盏美化教程，代码有详细的注释，支持二次开发。 * 子主题已包含该美化，如果你是子主题用户购买了该教程，那初一就当是赞助开发了，谢谢大家的支持 * 作者：李初一 * QQ：82719519 * 官网：https://www.vxras.com */ // 引入css function DearLicy_css(){?> <style>.bili-dyn-item__ornament{position:sticky;right:48px;top:18px;margin-top:-13px;float:right;}.bili-dyn-ornament__type--3{height:44px;width:146px;}.bili-dyn-ornament img{height:100%;width:100%;user-select: none;pointer-events: none;}.bili-dyn-ornament__type--3 span{font-family:num...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-04-06
密码验证
子比主题 – 文章卡片弹窗美化样式(阿呆赞助)-识趣者资源
子比美化

美化子比主题 – 文章卡片弹窗美化样式(阿呆赞助)

本文介绍了如何美化文章卡片弹窗样式，灵感来源于图酷设计，由阿呆日记原创。通过CSS和JavaScript代码，实现了弹窗背景、容器、关闭按钮、内容、图片、信息、标题和按钮的样式设计。同时，还提供了响应式调整，确保在不同设备上都能良好显示。教程详细介绍了如何将代码应用到后台自定义CSS和JS中，实现个性化的文章卡片弹窗效果。 预览图 [hidecontent type="password" password="ly19960318" img_id="" img_url="" desc=""] 放到后台自定义css .custom-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);z-index:9999;justify-content:center;align-items:center}.custom-popup-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:600px;width:90%;position:relative;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-popup-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.3);border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:none;font-size:20px;cursor:pointer;color:#fff;z-index:10;transition:all .5s ease}.custom-popup-close:hover{background:rgba(0,0,0,.6);transform:rotate(360deg)}.custom-popup-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:600px;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;display:flex;flex-direction:column}.custom-popup-content{display:flex;flex-direction:column;width:100%}.custom-popup-image-container{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;margin:0!important;padding:0!important}#custom-popup-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;padding:0!important;display:block!important}.dai-soft-popup-waves{position:absolute!important;bottom:-1px!important;left:0!important;width:100%!important;height:15vh!important;min-height:50px!important;max-height:80px!important;z-index:2!important;pointer-events:none!important;margin:0!important;padding:0!important}.custom-popup-info{height:135.75px!important;flex-shrink:0;box-sizing:border-box;padding:15px 30px 20px 30px;display:flex;flex-direction:column;justify-content:center;z-index:3;position:relative;background-color:#fff;margin-top:-1px}#custom-popup-title{font-size:22px;margin-top:0;margin-bottom:18px;color:#333;font-weight:700;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-popup-buttons{display:flex;justify-content:center;gap:12px}.custom-popup-button{min-width:138px;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.left-button{background:linear-gradient(135deg,#fd7a64 10%,#fb2d2d 100%);color:#fff!important;border:none;box-shadow:0 4px 12px rgba(251,45,45,.25)}.right-button{border:1px solid var(--main-border-color,#d8dde5);color:var(--focus-color,#4b5563)!important;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 9天前
#子比美化
 2025-11-30
300积分
子比主题美化 - 文章卡片右上角更新时间-识趣者资源

子比主题美化 – 文章卡片右上角更新时间

美化简介一直以来，卡片显示时间为发帖时间，昨天研究了一下，现在把显示更新时间的教程发出来，回馈大家。此文章为转载美化效果[hidecontent type="payshow" desc="隐藏内容：付费阅读"]找到主题文件：/wp/content/themes/zibl/inc/functions/zib-posts-list.php然后在里面搜索：获取卡片模式的然后，替换下面的代码//获取卡片模式的文章列表 function zib_posts_mian_list_card($args = array()) { // 准备必要参数 $zbbox_date = get_the_modified_date('Y-m-d'); // 修改：使用更新时间 $date = get_the_modified_date('m-d'); // 修改：使用更新时间 $graphic = zib_get_posts_thumb_graphic(); $title = zib_get_posts_list_title(); $badge = zib_get_posts_list_badge($args); $meta = zib_get_posts_list_meta(empty($args['no_author']), true); $class =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 合作用户列表图片样式-识趣者资源

子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 [hidecontent type="reply"] 一共两个部分的代码，一个是HTML，一个是css样式，跟着我的步骤走不会有错 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">腾飞博客感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div> <div class="logo-box"...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 给登录模块下拉菜单窗口美化-识趣者资源

子比主题 – 给登录模块下拉菜单窗口美化

给子比主题的登录模块加一个下拉的美化，这是一个窗口美化，效果是不错的，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 跟着我的教程走不会有任何问题，对于没有搞过的比较复杂，跟好我的步骤！ 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码 signin-loader"><div class="badg mb6 toggle-radius c-blue"> 看我注释的代码，然后你也注释了，然后搜索下面的代码 $href .= '<div class="flex jsa header-user-href">'; 替换成下面的代码即可！ $href .= '<img src="https://img.alicdn.com/imgextra/i4/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader"><p class="explain">主人，请点击头像登录后查看哦~</p><div class="flex jsa header-user-href">'; [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-01-13
600积分
子比主题 – 首页统计卡片小工具-识趣者资源

子比主题 – 首页统计卡片小工具

这是一款子比主题首页统计卡片小工具，可自己上传背景，背景可随页面滚动进行动态不固定也可固定设置，用了CSF配置进行新增配置，最多可加5个统计，喜欢的自行部署吧！ [hidecontent type="payshow"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_vip_visit_card.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_vip_visit_card.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_vip_visit_card.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页统计卡片小工具附件下载提取码8fRY [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
1…45678…36跳转