子比美化 第17页
排序
2025-12-13
子比主题 – 会员购买页面添加背景图-识趣者资源

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

给子比主题会员购买页面添加一个背景图样式，看上去非常的美观，给自己的子比网站加点样式美化吧 [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]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 给文章列表加一个浮动动态效果-识趣者资源

子比主题 – 给文章列表加一个浮动动态效果

给子比主题加一个文章列表浮动效果，这个确实很好看，我记得很多人要这个美化，我今天算记录一下，并且分享给大家 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*列表加载特效*/ .tab-content .posts-item:not(article),.posts-row .posts-item:not(article){transition:all 0.2s}@keyframes index-link-active{0%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(0)}16%{transform:perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px)}100%{transform:perspective(2000px) rotateX(0) rotateY(0) translateZ(65px)}}.tab-content .posts-item:not(article):hover,.posts-row .posts-item:not(article):hover{opacity:1;z-index:1;border-radius:20px;box-shadow:0 8px 10px rgba(255,255,255,0.35);animation:index-link-active 1s cubic-bezier(0.315,0.605,0.375,0.925) forwards} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 评论区背景美化样式（三款样式）-识趣者资源

子比主题 – 评论区背景美化样式（三款样式）

蓝色 红色 混色 [hidecontent type="reply"] 喜欢哪个颜色自己将css放到：子比主题–>>自定义CSS样式即可！ 蓝色红色混色 /*评论美化 - 蓝色款*/ body{ --acg-color:#f8fdff; } .dark-theme{ --acg-color:#323335; } .comment .list-inline>.comt-main { border-color: #71baff80; background-color: var(--acg-color); background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png); } .comment .list-inline>li { vertical-align: top; border-radius: 5px; margin: 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 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个月前
#子比美化
 2025-12-13
子比主题 – 整站颜色变成追悼灰色-识趣者资源

子比主题 – 整站颜色变成追悼灰色

为表示对某一重要事件或人物的哀悼，我们已将整个网站的颜色调整为灰色默哀色。在这个特殊的时刻，我们希望通过这种方式向所有受影响的家庭、朋友和社区表达我们的深切同情和哀悼之情。 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ 首页变灰整站变灰 html .home>.header-slider-container,html .home>.relative,html .home>.mb20,html .home>.card-4,html .home>.filter-blur,html .home>.header,html .home>.container,html .home>.huliku_footer,html .home>.footer,html .home>.el-notification.right,html .home>.wpon_svip_gif,html .home>.float-right{-webkit-filter: grayscale(100%); filter: grayscale(100%);}" html{-webkit-filter: grayscale(100%);filter: grayscale(100%);} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自带弹窗美化样式-识趣者资源

子比主题 – 自带弹窗美化样式

这是一款子比主题自带的弹窗美化的样式，样式非常的好看，我觉得可以当做自己站点的弹窗样式，只适合子比，其他的不能！ 代码部署 [hidecontent type="reply"] 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 标题内容即可！ <img style="width:50%; display: block; margin-left: auto; margin-right: auto;" src="logo链接" alt="腾飞博客"> 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 弹窗内容即可！ <div style="text-align: center;margin-bottom:15px;"> <div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px; border:2px solid #edc890;" src="二维码链接" alt="QQ扫码进入腾飞博客网用户群"> <p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入腾飞博客网用户群</span><p> <p>您可以在用户群跟群友交流哦～</p></div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 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个月前
#子比美化
 2025-12-13
子比主题 – 文章列表添加置顶和新文章角标-识趣者资源

子比主题 – 文章列表添加置顶和新文章角标

这是一款子比主题文章列表右上角置顶和新文章角标，置顶就是在后台设置，新文章就是当天发的文章，功能真的很不错，喜欢的自行部署吧，演示图我只是随便找了两个图标，下面我会教你怎么换图标！ 代码部署 [hidecontent type="reply"] 一共三个地方，跟着我的步骤走，别放错了地方，话不多说开始！ FUNC文件zib-posts-list.php文件CSS代码 我们到：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，记得加php头，要不然报错，我们将下面的代码放到里面，里面的最新文章和置顶文章的图标我已经放上去了，就是我演示图里面的，你喜欢什么图标可以替换了！ //新文章发布New小图标 function tianyishangke_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01jVZZB71QbInIvtWj6_!!2210123621994.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 为单个文章设置有效期_到期自动下线-识趣者资源

子比主题 – 为单个文章设置有效期_到期自动下线

为子比主题添加文章有效期功能，允许您为每篇文章设定有效期。一旦到达设定时间，文章将自动下线，不再对外展示。这一功能不仅能帮助您有效管理内容时效性，还能提升用户体验，减少过期信息的干扰。 代码部署 [hidecontent type="reply"] 可看演示图，截止时间到期之后自动删除了文章到了回收站，非常的实用的功能！ 首先我们到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记得加上php头，要不然会报错，将下面的代码放到里面 //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '文章有效期', 'post_type' => ['post', 'page', 'forum_post'], 'context' => 'side', 'data_type' => 'unserialize', )); CSF::createSection('post_validity_options', array( 'fields' => array( array( 'id' => 'post_validity_time', 'type' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…1516171819…23跳转