汇聚访-汇聚访-第31页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-05-04
05-04
子比主题 - 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码-汇聚访

实用子比主题 – 禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码

大家好，今天汇聚访给大家带来一款提示弹窗个人觉得很好看，一般只有“复制提醒（附带复制失败提醒）”、“禁用F12”、“禁用鼠标右键”，这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家，所需代码均打包在本文下方，此美化只应用在子比主题，部分主题无法使用，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 我们要将下面的代码放到/wp-content/themes/zibll/header.php 或者在子比后台=>>自定义代码=>>自定义底部HTML代码 两个方式都可以的 <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css"> 复制Ctrl+C提醒禁用鼠标右键菜单提醒禁用F12按键提醒，禁用Ctrl+Shift+I，禁用Ctrl+S，禁用Ctrl+U禁用左键选择签到任务提醒 Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义javascript代码加入以下代码 /* 复制Ctrl+C提醒 */ document.addEventListener("copy", function(e) {...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

实用子比主题 – 置顶角标美化

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可： /*汇聚访：www.huijuf.com*/ .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left:...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 右下角提示美化-汇聚访

实用子比主题 – 右下角提示美化

给右下角提示美化一下，原本的话只有蓝色的，美化之后是彩色的，如果觉得无用可以不加，喜欢的话可以加一下。 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到：子比主题–>>自定义代码–>>自定义CSS代码里面即可 .notyf.success { background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8)); border-radius: 18px 0 0 18px; }.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) { .meta-right .meta-like{ display: unset !important; } }...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 时间胶囊剩余进度小工具-汇聚访

实用子比主题 – 时间胶囊剩余进度小工具

这是一款子比主题时间胶囊剩余进度小工具，给子比侧边加一个剩余进度的非常美观，这款时间进度小工具主要由HTML+CSS+jQuery制作而成，我这边代码都合到一起了！唯一的缺点就是黑夜模式没适配，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，建议放到：文章页-侧边栏 <style type="text/css"> .time-schedule-main{/*background-color: white;*/border-radius: 8px;display: flex; justify-content: space-evenly; align-items: center;}.today-schedule,.toweek-schedule,.tomonth-schedule,.toyear-schedule{display: inline-block;width: 50px;height: 100px;background-color: white;border: 1px solid #eee;border-radius: 99px;}.wiiuii-schedule-item{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 99px;}.today-item,.toweek-item,.tomonth-item,.toyear-item{position: absolute;background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 拟态CSS美化-汇聚访

实用子比主题 – 拟态CSS美化

详情可查看此文章页面，本站不一定使用，仅作于记录。 演示效果： 代码部署： [hidecontent type="reply"] 轻度拟态重度拟态 .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_webshot.main-bg.theme-box.box-body.radius8.main-shadow ,.article ,.dropdown-menu ,.btn-score ,.float-right.round .float-btn ,.forum-posts.alone ,.zib-widget ,.posts-mini-lists ,.posts-item.card.style3 { background: linear-gradient(180deg, #ecf2ff, var(--main-bg-color)); border: 2px solid var(--main-bg-color); box-shadow: 6px...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 仿造bilibili列表底部效果-汇聚访

实用子比主题 – 仿造bilibili列表底部效果

为主题添加仿造一个bilibili列表底部效果，话不多说直接展示！ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS wp后台 -> 小工具 -> html代码，选择所有页面-底部全宽度 <div style="position: relative;text-align: center;"><img decoding="async" src="https://blog.zbiwl.com/image/dibu1.png" data-src="https://blog.zbiwl.com/image/dibu1.png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top: 30%;left: 50%;margin-left: -40px;font-size: 10px;">你已经到达了世界的尽头</p></div> 子比主题 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论区显示漂亮的用户ID徽章背景二次元样式-汇聚访

实用子比主题 – 评论区显示漂亮的用户ID徽章背景二次元样式

为主题添加一个背景二次元样式的徽章，图片都是随机的，根据用户UID显示编号哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在网站/wp-content/themes/zibll 主题目录下新增func.php文件（此文件不会随着更新主题版本消失，有的话就不用管）或者说放入functions.php里面也可以 PHPCSS function wxs_footer_info_add_img_bill($info, $comment, $depth) { $user_ip = $comment->comment_author_IP; if ($user_ip) { //$user_ip_name = convertip(get_comment_author_ip()); // $replyText_html = '<span class="reply-link">' .'' . '</span><span style="cursor:pointer" data-toggle="tooltip" alt="IP：'.$user_ip.'" data-original-title="IP地址：'.$user_ip_name.'">'.mb_substr($user_ip_name,-3,3,"utf-8").'</span>'; $img_list =...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 文章列表果冻弹跳效果-汇聚访

实用子比主题 – 文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 演示效果： 代码部署： [hidecontent type="payshow"] 将下面代码放到主题设置里的自定义CSS即可 /*www.huijuf.com*/ posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1)...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 卡片列表角标-汇聚访

实用子比主题 – 卡片列表角标

根据以前某位不知名用户写的最新发布角标修改而来，无需修改子比主题文件即可实现，非图片角标，手搓的css背景！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码放置于funtions.php或func.php css代码放后台自定义代码 PHPCSS //新文章发布角标 function add_new_label_to_post_title($title, $id) { if (!is_admin() && !is_single()) { $post_time = get_the_time('U', $id); if (time() - $post_time <= 24 * 60 * 60) { $title .=...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 评论框添加背景调皮跳动gif图片-汇聚访

实用子比主题 – 评论框添加背景调皮跳动gif图片

为主题添加一个评论框添加背景调皮跳动gif图片，图片可自定义哦~ 演示效果： 代码部署： [hidecontent type="reply"] 在子比主题设置—自定义CSS样式，添加下面的CSS代码： /*评论背景图*/ /*www.huijuf.com*/ textarea#comment { background-color:transparent; background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(图片链接) right 10px bottom 0px no-repeat; background-size: contain; -moz-transition:ease-in-out 0.45s; -webkit-transition:ease-in-out 0.45s; -o-transition:ease-in-out 0.45s; -ms-transition:ease-in-out 0.45s; transition:ease-in-out...
6个月前
建站笔记
1…2930313233…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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