用户封面
用户19502606的头像-汇聚访
用户19502606等级-LV1-汇聚访
UID：431 已加入汇聚访2天 总消费：0 湖南省长沙市
文章4商品0
排序
子比主题 - 文章标签美化-汇聚访

子比主题 – 文章标签美化

137次查看
免费
Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
子比主题#建站笔记
1年前
131378
子比主题 - 文章卡片下载按钮样式美化-汇聚访

子比主题 – 文章卡片下载按钮样式美化

131次查看
免费
给子比主题卡片样式下面加一个下载按钮样式，非常美观，给自己的子比主题去加一个吧，这个非常实用，这个代码是扒mac站长的一个美化，所以我分享给大家免费使用！ 演示效果： 代码部署： [hidecontent type="reply"] 首先一共三步，有两个php代码和一个css代码，话不多说直接开始教程！ PHPCSS 第一步：搜索zib_get_posts_list_meta或者是注释//获取文章列表的底部meta这个注释然后在这个函数内部加上以下代码，大概放在265行左右： $get_permalink = get_permalink();//添加文章链接 随后将下面的PHP代码放到子比文件：/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概320多行，如下图！ $html = '<a class="down" target="_blank" href="' . $get_permalink . '" rel="external nofollow" >下载</a>';//添加下载按钮 CSS代码我就不说了，直接放到子比主题-->>自定义CSS样式即可！ /*下载按钮www.huijuf.com*/ a.down { display: inline-block; width: 100%; height: 30px;...
子比主题#建站笔记
1年前
913113
子比主题 - 用户中心添加UID、注册时间功能-汇聚访

子比主题 – 用户中心添加UID、注册时间功能

205次查看
免费
这一功能利用了子比主题自带的函数和钩子，能够在用户中心添加一些额外的信息。此外，它还可以自定义样式，使得用户中心显得更加丰富多彩！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true;...
子比主题#建站笔记
1年前
2220511
子比主题 - 网站进入Loading加载动画（两款）-汇聚访

子比主题 – 网站进入Loading加载动画（两款）25/10/28更新

187次查看
免费
这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创为星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS代码中添加以下代码即可： 第一款第二款 /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(https://pic1.imgdb.cn/item/690042a83203f7be00a8ee38 .svg); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut...
子比主题#建站笔记
1年前
1118710

汇聚访 www.huijuf.com

本站专注于子比主题，7b2主题，日主题等WordPress主题美化、图片素材、网站源码及wp插件等资源分享，汇聚资源，访问未来，共赴数字世界新可能！

按Ctrl+D收藏本站

管理员介绍

汇聚访 专注于主题美化

用户协议 免责声明
复制地址 转为繁体

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部