子比美化 第5页
排序
2025-12-11
子比主题-本站菜单图标代码-识趣者资源

子比主题-本站菜单图标代码

预览图 [hidecontent type="reply"] 首页那个，直接把下面整个代码复制到首页文字的前面 <span class="but jb-vip1 radius"><svg t="1746728907743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="200" height="200"><path d="M931.49 454.71L771 293.24 566 87a76.15 76.15 0 0 0-108 0L253 293.24 92.51 454.71C57.4 490 80.39 553.85...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 顶部悬挂样式（两款）-识趣者资源

子比主题 – 顶部悬挂样式（两款）

这是一篇子比主题顶部悬挂的样式代码，为什么说是两款，因为第一款是一直挂在了顶部而不是跟着鼠标滑动走的，第二款就是鼠标滑动那么悬挂也跟着走，所以就两款，非常的实用，喜欢的自行部署！ 第一款 第二款 代码部署 [hidecontent type="reply"] 这里只有CSS不一样，HTML代码是一样的，所以先把HTML代码放上去，我代码里面已经提供了图片，那么如果你有图片可以放上自己的图片即可，建议用第二款，毕竟跟随还是比较美观的！ HTML代码 放到：子比主题–>>自定义头部HTML代码即可！ <div class="tengfei_hang"></div> 注意：第一款是一直在顶部不跟随，第二款是跟随鼠标滑动的，下面代码放到：自定义CSS样式即可！ 第一款第二款 @keyframes lampLine-38cc6824 { 0% { transform: rotate(10deg) } to { transform: rotate(-10deg) } } .tengfei_hang { width: 150px; height: 200px; display: inline-block;...
识趣资源的头像-识趣者资源至尊会员识趣资源· 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]...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2025-12-13
子比主题 – 右侧自定义悬浮按钮美化-识趣者资源

子比主题 – 右侧自定义悬浮按钮美化

这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的，说不上原创，但是它是由狐狸库适配用在子比主题上。扒来也很久了，一直没有去适配用到子比主题上，话不多说直接开始！ 功能说明 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。 适配“签到”按钮，点击后自动签到。 替换抽奖按钮及图标，可自定义图标&链接。 重构“返回顶部”的监听滚动及点击事件Javascript代码。 代码部署 [hidecontent type="reply"] 代码一共三个和一个附件，怎么使用呢？很简单HTML放到：WP后台–>>外观–>>小工具–>>自定义HTML将小工具放到：所有页面-侧边栏-顶部位置或者所有页面，自己放一下小工具里面 CSS代码放到：子比主题–>>自定义CSS样式即可！ Javascript代码放到：子比主题–>>自定义javascript代码即可，JS代码用处就是返回顶部的用处！ HTMLCCSJS <!-- * @Description : 自定义悬浮按钮 * @Url : https://www.huliku.com/ * @Email : ihuliku@qq.com * @Date : 2024-01-18 13:14:52 --> <div class="huliku-float">...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 内容面包屑背景（正文改成标题）-识趣者资源

子比主题 – 内容面包屑背景（正文改成标题）

这是一款给子比主题文章、帖子内容页面的面包屑增加一个空白背景，适配手机端、夜间模式，把正文改成标题，还是比较不错的美化，喜欢的自行部署吧！ [hidecontent type="reply"] 单背景背景和面包屑 将下面的代码放到：子比主题–>>自定义CSS样式即可！ .breadcrumb { background: var(--main-bg-color); padding: 12px 20px; margin-bottom: 15px; border-radius: var(--main-radius); box-shadow: 0 0 10px var(--main-shadow); display: flex; } 背景和面包屑有两个，背景是CSS代码，面包屑是func代码，话不多说直接开始！ func代码 定位：/wp-content/themes/zibll/func.php文件，没有这个文件就创建一个，记得加上php头，要不然报错，将下面的代码放到里面！ // 内容面包屑背景 add_action('wp', function() { if (is_single() ||...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2025-12-02
子比主题功能 - 卡片小工具展示-识趣者资源

子比主题功能 – 卡片小工具展示

功能简介 我这个原来是在组题网看到的样式,感觉很好看,就给他拿下来了并且修复下，我的样式可能不好看，所以，有能力可以自己改改 功能截图 [hidecontent type="reply"] 打开/wp-content/themes/zibll/functions.php文件，把下面粘贴下去 /*识趣网 47zhe.cn*/ class Anime_Social_Responsibility_Widget extends WP_Widget { function __construct() { parent::__construct( 'anime_social_widget', __('星空卡片小工具', 'text_domain'), array('description' => __('显示自定义的卡片', 'text_domain')) ); } // 创建小工具后台表单 public function form($instance) { $defaults = array(...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-31
子比主题 – 通知框美化插件-识趣者资源

子比主题 – 通知框美化插件

介绍 一款美化子比自带的notyf通知框的插件，两种样式如下 ...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2026-01-16
子比主题美化 – 首页自定义动态分类标题-识趣者资源

子比主题美化 – 首页自定义动态分类标题

本文章只是个人无聊时的对子比主题美化记录集合，同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧 代码部署： 后台 >>Zibll主题设置 >> 全局&功能 >>自定义代码 >> 自定义CSS样式 [hidecontent type="payshow"] body.home .box-body.notop { background: var(--main-bg-color); padding: 5px; padding-left: 1.2em; border-radius: 10px; margin-bottom: 10px; } body.home .title-theme { position: relative; padding-left: 1.3em; font-size: 20px; margin: 5px; }...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2026-01-27
子比主题美化 – 二次元悬浮菜单按钮-识趣者资源

子比主题美化 – 二次元悬浮菜单按钮

前言 该效果是初一扒的，给子比主题做了适配。 效果图 代码教程 function内添加代码 [hidecontent type="reply"] function内添加代码 // 二次元悬浮按钮 function adjust_footer_buttons_based_on_device() { if (vxras_pz('acg_float_right')) { // 判断是否开启二次元悬浮按钮 if (wp_is_mobile()) { // 对于手机用户，确保原版按钮不被移除 remove_action('wp_footer', 'acg_float_right'); add_action('wp_footer', 'zib_float_right'); } else { // 对于PC用户，移除自带悬浮按钮，确保使用二次元悬浮按钮 remove_action('wp_footer', 'zib_float_right'); add_action('wp_footer',...
识趣资源的头像-识趣者资源至尊会员识趣资源· 8天前
#子比美化
 2025-12-13
子比主题 – 付费详情说明模块样式-识趣者资源

子比主题 – 付费详情说明模块样式

一款在付费模块下加一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，将付费详情说明模块。 代码部署 [hidecontent type="reply"] 很多人问了：为什么配置好了没有效果，配置了这个是新发文章才有效果，之前的文章没有效果！ 网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字 CSS代码 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://img.alicdn.com/imgextra/i3/2934847733/O1CN0123c7o426zljQUqHlZ_!!2934847733.png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…34567…23跳转