开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
首页
产品中心
特惠
ZibBox子主题
建站笔记
主题美化
子比主题
RiTheme
B2主题
精美素材
图文素材
插件相关
WP插件
绿色软件
实用
关于我们
About
用户相关
用户协议
隐私政策
免责声明
儿童个人信息保护声明
个人信息保护咨询指引
服务相关
广告合作协议
侵权投诉指引
软件许可协议
文章版权声明
站点聚合统计
站点相关
小黑屋
友情链接
赞助发电
正版查询
简体中文
English
한국어
日本語
登录
注册
简体中文
English
한국어
日本語
首页
产品中心
特惠
ZibBox子主题
建站笔记
主题美化
子比主题
RiTheme
B2主题
精美素材
图文素材
插件相关
WP插件
绿色软件
实用
关于我们
About
用户相关
用户协议
隐私政策
免责声明
儿童个人信息保护声明
个人信息保护咨询指引
服务相关
广告合作协议
侵权投诉指引
软件许可协议
文章版权声明
站点聚合统计
站点相关
小黑屋
友情链接
赞助发电
正版查询
开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
更多资料
搜索内容
迷小龙丶H
UID:152
已加入汇聚访265天
总消费:323.00
3枚徽章
广东省潮州市
关注
私信
文章
0
收藏
16
评论
18
粉丝
0
文章
16
商品
0
排序
收藏时间
最新发布
最近更新
最多查看
最多点赞
最多回复
最多收藏
销售数量
实用
子比主题 – 动态文章置顶火焰样式
这是一款子比主题动态置顶图标,样式效果是呈现火焰动态特效的,也是非常的炫酷,有喜欢的自行部署吧! 效果演示: 代码部署: [hidecontent type="reply"] 定位:子比后台设置 - 自定义CSS代码样式中添加以下代码即可: /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54%...
建站笔记
27
233
6
实用
子比主题 – 首页Tab栏目美化
这是子比主题的一款首页Tab栏目美化,之前发过类似的只不过是附加图片效果样式的,今天给大家带来这个是仅用代码实现的,汇聚访这里测试了一下夜间模式也是挺不错的,同时在这提醒下各位搬运的,麻烦带上本站文章出处,喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 将下面的代码放到:子比主题–>>自定义CSS样式即可! /*汇聚访:www.huijuf.com*/ .index-tab { padding: 5px 8px; background: transparent; border-radius: 0; } .index-tab ul { margin: 0; padding: 0; list-style: none; } /*汇聚访:www.huijuf.com*/ .index-tab ul>li { display: inline-block; padding: 3px...
建站笔记
23
190
11
实用
子比主题 – 最新用户通知小工具
这是子比主题的最新用户通知小工具,可自行选择部署的位置,有的站长比较需要这个,今天分享出来了,原作者是黑猫,有喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 首先在子比根目录中添加一个func.php的文件,记得带上<?php否则会报错,随后将以下代码添加进去: if (file_exists(get_theme_file_path('/inc/widgets/huijuf-user.php'))) { require_once get_theme_file_path('/inc/widgets/huijuf-user.php'); } /*汇聚访:www.huijuf.com*/ 然后在/wp-content/themes/zibll/inc/widgets这个目录下添加一个文件名为huijuf-user.php的文件,随后添加以下代码即可: <?php // 注册最新用户通知小工具 汇聚访www.huijuf.com class DearLicy_Notice_Widget extends WP_Widget { // 汇聚访www.huijuf.com public function __construct() { parent::__construct( 'dearlicy_notice_widget', 'HEIMAO - 最新用户通知', array('description'...
建站笔记
14
152
15
实用
子比主题 – 评论区增加开通会员按钮
这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮,这个按钮当用户评论的时候都可以看到,这样就更可以给自己的站点会员推广一下,教程也比较简单,不需要修改主题源代码,喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案,将代码放到发送评论的后面! </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
建站笔记
7
117
14
实用
子比主题 – 给文章内超链接加上波浪效果
目前这个美化还并不是很多,喜欢的朋友可以使用看看效果,很简单把代码添加到合适的位置即可,应该所有WordPress网站都可以使用。只需两行代码即可实现! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可: /*超链接下波浪线*/ .wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px...
建站笔记
6
121
8
实用
子比主题 – 悬浮按钮简洁美化
今天给大家分享一个子比主题悬浮按钮的简洁版美化,希望对大家有帮助! 演示效果: 代码部署: [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;...
建站笔记
5
122
7
实用
子比主题 – logo透明过渡美化样式
这是给子比主题得的logo添加的一款透明过渡的美化样式,这个效果是腾飞参考别的网站的样式来适配子比主题的,之前我也发过几款logo样式的美化,话不多说有喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 定位:子比主题–>>自定义CSS样式,把下方代码放入即可: /*汇聚访:www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
建站笔记
5
127
11
实用
子比主题 – 分类栏目美化(两款)
网站分类栏目美化的意义主要体现在提升用户体验和视觉吸引力,以及优化搜索引擎排名等方面。本文章将给大家分享两种分类栏目美化的教程哦~ 演示效果①: 演示效果②: 代码部署: [hidecontent type="reply"] 将下方代码加入到后台CSS里即可!图片放在帖子附件里了,可自行下载! 效果①效果② .index-tab ul>li.active { color: #ffffff00 !important; background-color: #ffffff00 !important; border-radius: 6px; z-index: 1; position: relative; height: 39px; line-height: 44px; background: url(https://img.dmguo.cn/2025/01/20250120091106173.png); background-repeat: no-repeat; -webkit-background-size: 91px 39px; -moz-background-size:...
建站笔记
3
120
14
实用
子比主题 – F12顶部提示框效果美化
这是一款给子比主题适配的网站顶部提示框,这款是从张洪Heo博客里复刻到子比主题的,其他主题应该也是可以正常使用的,相关提示颜色以及文字颜色都可在代码中进行修改,有需要的自行部署吧! 演示效果: 代码部署: [hidecontent type="payshow"] 自定义CSS代码自定义javascript代码 定位:子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可: #huijuf_dev-tool-alert{position:fixed;top:0;left:0;width:100%;height:60px;z-index:9998;overflow:hidden;background-color:#425aef;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .5s ease-out}#huijuf_dev-tool-alert.huijuf_show{transform:translateY(0)}#huijuf_dev-tool-alert.huijuf_exit{transform:translateY(-100%);transition:transform .3s ease-in}.huijuf_alert-content{color:#fff;font-size:18px;font-weight:500;text-align:center;padding:0 20px} 定位:后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码: function huijuf_createAlert(){if(document.getElementById('huijuf_dev-tool-alert'))return;const huijuf_alert=document.createElement('div');huijuf_alert.id='huijuf_dev-tool-alert';const huijuf_content=document.createElement('div');huijuf_content.className='huijuf_alert-content';huijuf_content.textContent='开发者模式已打开,请遵循协议';huijuf_alert.appendChild(huijuf_content);document.body.appendChild(huijuf_alert);return huijuf_alert}let huijuf_alertShown=false;let huijuf_hideTimeout=null;function huijuf_showAlert(){if(huijuf_alertShown)return;const huijuf_devToolAlert=huijuf_createAlert();huijuf_alertShown=true;huijuf_devToolAlert.classList.remove('huijuf_exit');setTimeout(()=>{huijuf_devToolAlert.classList.add('huijuf_show')},10);setTimeout(()=>{huijuf_hideAlert()},2500)}function huijuf_hideAlert(){if(huijuf_hideTimeout){clearTimeout(huijuf_hideTimeout);huijuf_hideTimeout=null}const huijuf_devToolAlert=document.getElementById('huijuf_dev-tool-alert');if(!huijuf_devToolAlert)return;huijuf_devToolAlert.classList.add('huijuf_exit');huijuf_hideTimeout=setTimeout(()=>{huijuf_devToolAlert.classList.remove('huijuf_show');huijuf_devToolAlert.classList.remove('huijuf_exit');huijuf_alertShown=false;huijuf_devToolAlert.remove()},300)}document.addEventListener('keydown',function(huijuf_event){if(huijuf_event.keyCode===123){huijuf_showAlert();return false}}); [/hidecontent]
建站笔记
3
178
7
实用
子比主题 – 渐变首页栏目美化
今天给大家分享一个渐变的首页栏目,之前写了一篇二次元美化的,今天给大家分享一下这个效果!原创应该是炙焰!我也算是记录一下,防治效果丢失! 演示效果: 代码部署: [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)...
建站笔记
0
145
12
1
2
下一页
随便逛逛
博客标签
文章标签
新窗口打开
复制链接地址
复制选中文本
粘贴文本
站内搜索
百度搜索
复制图片地址
下载此图片
用户协议
免责声明
复制地址
显示热评
转为繁体
切换模式
登录
没有账号?立即注册
邮箱
验证码
发送验证码
记住登录
账号密码登录
登录
用户名或邮箱
登录密码
记住登录
找回密码
|
免密登录
登录
社交账号登录
QQ登录
微信登录
使用社交账号登录即表示同意
用户协议
、
隐私声明
注册
已有账号,立即登录
设置用户名
邮箱
验证码
发送验证码
设置密码
注册
已阅读并同意
用户协议
、
隐私声明
扫码登录
使用
其它方式登录
或
注册
扫码登录
扫码登录即表示同意
用户协议
、
隐私声明
开通会员享特权
专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9
¥39.9
Vip会员 · 立省30元
立即开通
每日签到
在线
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部