Zibll美化共19篇
排序
2024-08-21
子比主题美化 – 评论、搜索框等输入场景的打字粒子特效 - 项目资源网

子比主题美化 – 评论、搜索框等输入场景的打字粒子特效

效果图 使用方法： 子比主题设置——全局&功能——自定义代码——自定义javascript代码 其实所有WP站点都可以用，直接复制就行啦… 如果用在其他主题或者其他位置，记得加<script>标签哦！ [hidecontent type="reply"] <!--彩色粒子特效--> (function webpackUniversalModuleDe finition(a, b) { if (typeof exports === "object" && typeof module === "object") { module.exports = b() } else { if (typeof define === "function" &&...
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 实现未登录时图片高斯模糊显示 - 项目资源网

子比主题美化 – 实现未登录时图片高斯模糊显示

这是子比主题用户没有登入时图片高斯模糊显示的一个纯代码的一个特效，就是没有登入的用户他看不到前台的所有图片，并且全是模糊的 代码如下 [hidecontent type="reply"] //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 给你的网站添加一个自定义原神启动开屏动画 - 项目资源网

子比主题美化 – 给你的网站添加一个自定义原神启动开屏动画

给网站加一个原神的动画，当你打开网站的时候就会出现原神启动，并且十分美观，原神的图标我放下面了，并且以css代码实现启动开屏动画！！ LOGO素材自行下载本地化 可保存上方原神图，也可以用自己的logo自行发挥，但是图片需要清晰可见 CSS代码 [hidecontent type="payshow"] /*原神启动*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(图片链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode: forwards; -webkit-transition: fadeOut...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 用户中心添加UID/用户名/邮箱按钮 - 项目资源网

子比主题美化 – 用户中心添加UID/用户名/邮箱按钮

给子比主题用户中心加一个点击自动复制UID/用户名/邮箱，看起来非常美观的一个美化的装修代码 代码如下 文件路径：/www/wwwroot/tfbkw.com/wp-content/themes/zibll/inc/functions/user/page.php 如图添加以下代码 [hidecontent type="payshow"] $desc = '<span class="but c-theme" data-toggle="tooltip" title="" data-clipboard-tag="UID" data-clipboard-text="' . $user_id . '" data-original-title="点击复制UID"><i class="fa fa-id-card-o"></i>UID：' . $user_id . '</span><span class="but c-blue" data-toggle="tooltip" title="" data-clipboard-tag="用户名" data-clipboard-text="' . $user->user_login ....
# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 卡片模式增加仿mac三个点教程 - 项目资源网

子比主题美化 – 卡片模式增加仿mac三个点教程

前言 这个是一个很小的功能，作为存档发一下一个仿 mac 电脑的红黄绿三点的模式 安装教程： CSS 代码添加路径：子比主题设置---自定义 CSS 样式 将 CSS 代码粘贴框里 [hidecontent type="reply"] .posts-item.card { padding: 35px 10px 10px 10px!important; } .posts-item { position: relative !important; } .posts-item.card::before { content: ""; display: block; background: #fc625d;...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 为文章外部的标签添加随机彩色效果 - 项目资源网

子比主题美化 – 为文章外部的标签添加随机彩色效果

效果图 部署方法 [hidecontent type="reply"] css代码 /*文章外部标签随机彩色*/ .item-tags a { padding: 5px 10px; border-radius: 5px; margin-right: 5px; } .item-tags a.meta-pay { background-color: #FFD700; color: black; } .item-tags a.c-blue { background-color: #1E90FF; color: white; } .item-tags a[href*="tag/"]...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 添加炫酷个性的头像框 - 项目资源网

子比主题美化 – 添加炫酷个性的头像框

网上也看了很多教程，要不就是头像框不好看，要不就是要付费下载，太麻烦了，我这里将找到的资源分享一下 如果也想魔改动态头像框的童鞋，可以自取 效果预览 自定义css 主题设置 -> 全局&功能 -> 自定义代码 将以下CSS代码填写到，自定义css样式 中 [hidecontent type="reply"] /*头像框*/ .txgj { top: 2px; transform: scale(1.7); width: 90px; position: absolute; } .top-user-info-box-name .txgj { left: -5px; transform: scale(1); top: 6px; } .post-meta-left...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 独立下载页面(简单美化) - 项目资源网

子比主题美化 – 独立下载页面(简单美化)

主题更新会覆盖已修改的文件，记得备份，或者关注本站！ 代码 /wp-content/themes/zibll/pages/download.php [hidecontent type="payshow"] <?php /** * Template name: Zibll-资源下载 * Description: download page */ if (empty($_GET['post'])) { get_header(); get_template_part('template/content-404'); get_footer(); exit; } get_header(); $post_id = $_GET['post']; function zibpay_get_down_html($post_id) { $pay_mate = get_post_meta($post_id, 'posts_zibpay',...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-26
子比主题美化 – 侧边栏小工具会员广告小模块 - 项目资源网

子比主题美化 – 侧边栏小工具会员广告小模块

侧边小工具会员广告小模块，炫彩色的美化样式，非常好看，给自己的子比主题侧边加上一款会员模块，很实用 代码部署 将下面代码放到：外观-小工具-侧边即可，要选择自定义HTML小工具，将下面代码放到里面 [hidecontent type="payshow"] <div class="ztw-bj zib-widget mb10-sm ztw-bj"> <div class="colorful-make" style="transform: rotate(-9deg) scale(0.7);"></div> <div class="text-center"> <div class=""> <div class="ac"><b class="em14">成为永久黄金会员本站免费下载</b></div> <div style="" class="em09 opacity8">每日更新只出精品资源</div><br> <a style="--this-color:#f2c97d;--this-bg:rgba(62,62,67,0.9);" class="mt6 but radius jb-red px12 p2-10 pay-vip"...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
单列/双列图片广告位HTML代码【站长必备】 - 项目资源网

单列/双列图片广告位HTML代码【站长必备】

对于做资源站的站长来说图片广告位是必不可少的。可自行增加/减少单个或者多个图片广告位。 自定义HTML 例：投放路径：网站后台->外观->小工具->自定义 HTML->首页-顶部全宽度 其他位置自测 [hidecontent type="payshow"] <!--单排图片广告位 --> <div class="huliku-tp-ads"> <div class="huliku-tp-ads-list"> <a href="https://techape.oss-cn-hangzhou.aliyuncs.comxge6.com/165212.html" target="_blank" title="" > <img src="/gg/530.png" > </a> </div> <!--双排图片广告位 huliku.com--> <div class="huliku-tp-ads-list huliku-tp-ads-flex"> <a href="https://techape.oss-cn-hangzhou.aliyuncs.comtengxuanw.com/" target="_blank" title="" > <img src="/gg/20240530204131.gif" > </a>...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 文章评论区添加评论用户的六位彩色ID号码 - 项目资源网

子比主题美化 – 文章评论区添加评论用户的六位彩色ID号码

也可以加个靓号的判断，还是比较简单。 子比主题文章评论区添加评论用户的六位彩色ID号码 效果图 修改文件：子比主题: zib-comments-list.php (inc/functions/zib-comments-list.php) 找到大概27行的 [hidecontent type="reply"] $numStr = strval($user_id); $uesrid_L6 = str_pad($user_id, 6, "0", STR_PAD_LEFT); switch (true) { //10的整数倍 case ($user_id%10==0): $uid = "<span style='background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgba(0,...
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 文章标题文字添加彩色渐变效果 - 项目资源网

子比主题美化 – 文章标题文字添加彩色渐变效果

当鼠标悬停在文章列表的文章标题上时标题文字会呈现彩色渐变效果，给网站标题加点彩色，这是一个非常不错的一个美化样式，可以给自己的网站标题加点色彩！！ 代码如下 放到自定义css代码 [hidecontent type="reply"] /*<a target="_blank" href="https://www.foxccs.com/tag/%e6%96%87%e7%ab%a0%e6%a0%87%e9%a2%98" title="View all posts in 文章标题">文章标题</a>加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent;...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
12

近期文章

近期评论

归档

分类