zibll子比美化共148篇
子比主题美化教程
墨星充电打赏插件-适用于子比主题的充电插件(已发布)-墨星博客 - 提升技术能力的必备资源教程网置顶

墨星充电打赏插件-适用于子比主题的充电插件(已发布)

前言大家好,我是墨星博客站长,在之前写了一款充电插件,样式仿照了bilibili,7b2。允许用户访问文章链接进行打赏充电。支持自定义金额选择,支付部分调用子比主题支付以及modal弹窗。插件后台...
墨星文章顶部信息V5.0插件 【已发布!!!】-墨星博客 - 提升技术能力的必备资源教程网置顶

墨星文章顶部信息V5.0插件 【已发布!!!】

前言大家好 我是墨星博客 在今日墨星顶部信息V5.0版本已发布,相信大家在逛子比网站的时候会看到下面的这种效果吧,没错,这是墨星顶部信息V4.0包含轮播图版本 V3.0会有和这个效果差不多的 只不...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver5个月前
4883
子比主题美化-GO跳转页v2.0版本-墨星博客 - 提升技术能力的必备资源教程网置顶

子比主题美化-GO跳转页v2.0版本

效果图可添加白名单,不是白名单链接显示未知,链接超出盒子长度自动显示省略号教程开始在根目录新建demo文件夹 里面上传下面图片https://moxingbk.com/demo/bg.jpg将下面源码替换zibll文件夹中...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver2年前
1031544
子比主题DIY - 小工具添加百度一下搜索模块(简约版)-墨星博客 - 提升技术能力的必备资源教程网

子比主题DIY – 小工具添加百度一下搜索模块(简约版)

前言大家好,我是墨星博客站长,看网站觉得可以使用子比主题自带的class属性来写一个百度一下模块。于是尝试一下,免费分享给大家效果图教程开始复制下面代码,添加到WordPress后台-外观-小工具...
子比主题美化 - 顶部多功能组件添加适配日夜模式波浪-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部多功能组件添加适配日夜模式波浪

前言大家好,我是墨星博客,有用户说想要顶部多功能组件背景底部添加白色波浪的教程。波浪已适配日夜模式。因为这个教程原创是狐狸库,所以就没发。今天给大家发一下效果图教程开始狐狸库发的是...
子比主题美化 - 墨星博客同款优惠券样式推广代码-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 墨星博客同款优惠券样式推广代码

前言大家好,我是墨星博客,前几天新年优惠,就写了个优惠券样式的小工具。并且做成了一排两个的摆放样式。并且自适应移动端,显示一行一个。效果图教程开始将下面代码放入WordPress后台-外观-...
子比主题美化 - 为文章展开按钮添加一个主题配色边框-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 为文章展开按钮添加一个主题配色边框

前言大家好,我是墨星博客,在闲逛的时候看其他主题网站有一个展开全文的功能。于是我自己当时仿了一个。先获取文章全文内容,然后在指定高度截取。当时写完了也没去发出来。今天偶然想到子比也...
子比主题美化 - 移动端PC端顶部导航栏左下方以及右下方添加圆角-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 移动端PC端顶部导航栏左下方以及右下方添加圆角

前言大家好,我是墨星博客,在看其他网站的时候发现在导航栏的左下右下方添加一个合适的圆角效果也是比较好看的。于是我把子比主题也修改了一个同样的效果,并写成教程发出来效果图教程开始
子比主题美化 - 顶部多功能组件叠加卡片组件右下角添加自定义图片-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部多功能组件叠加卡片组件右下角添加自定义图片

效果图教程开始将下面代码放入自定义css代码中即可实现,数值自己调,代码中有详细注释。
子比主题美化 - 顶部多功能组件标题部分添加上下浮动动画效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 顶部多功能组件标题部分添加上下浮动动画效果

效果图教程开始第一步打开子比主题设置-页面&显示-顶部多功能组件-下拉找到叠加搜索组件中的额外内容。在这里我演示的为标题,那么就是在组件上方那个框中修改,只需要给标题的class里面添...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver1个月前
069
子比主题美化 - 页面左下角添加欢迎光临提示框-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 页面左下角添加欢迎光临提示框

效果图教程开始这个代码可以分开放入保存也可以在一起合并保存,自己选择一种添加即可分开添加将下面代码放入css代码将下面代码放入自定义JavaScript代码将下面代码放入自定义底部HTML其中svg标...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver1个月前
097
为你的子比主题添加一款cookie同意弹窗提示-墨星博客 - 提升技术能力的必备资源教程网

为你的子比主题添加一款cookie同意弹窗提示

效果展示教程开始HTML部分代码这部分主要为显示cookie主体弹窗部分css部分代码这部分为美化cookie弹窗样式以及定位弹窗位置JavaScript代码这部分js代码主要实现弹窗的显示,隐藏以及Cookie的设...
Denver的头像-墨星博客 - 提升技术能力的必备资源教程网大SVIP会员Denver1个月前
0121
子比主题美化 - 为你的网站添加一个仿CSDN中转页效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 为你的网站添加一个仿CSDN中转页效果

前言大家好,我是墨星博客,意外发现csdn的中转页挺不错的,就扒下来了适配了下子比,把教程分享一下效果图教程开始复制下面代码 进入到路径/wp-content/themes/zibll/go.php文件替换为下面修改...
子比主题美化 - 日夜切换全屏遮罩图标动画效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 日夜切换全屏遮罩图标动画效果

效果图教程开始将js代码添加到自定义JavaScript代码即可(或可直接引入js文件)将下面代码添加到自定义css代码(同样可以引入css文件)将下面代码添加到自定义html中
子比主题美化 - 为你的子比主题添加一个f12顶部提示框效果-墨星博客 - 提升技术能力的必备资源教程网

子比主题美化 – 为你的子比主题添加一个f12顶部提示框效果

效果图介绍这是一个检测用户是否点击了f12 如果点击了就弹出这个提示框在顶部,3秒后动画渐出消失(灵感来源:张洪heo)教程开始将下面代码放入自定义css代码将下面代码放入自定义JavaScript代码