子比美化 第29页

实用子比主题 – 禁用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) {...

建站笔记

01165

汇聚访1年前

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

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [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:...

建站笔记

1012811

汇聚访1年前

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

这是给子比主题的Notify提示弹窗增加的一款渐变风格的美化，部署完代码之后，每当右下角有提示都会将原有的纯色风格改为渐变风格，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [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;...

建站笔记

31068

汇聚访1年前

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

这是一款子比主题时间胶囊剩余进度小工具，给子比侧边加一个剩余进度的非常美观，这款时间进度小工具主要由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...

建站笔记

38313

汇聚访1年前

实用子比主题 – 拟态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...

建站笔记

714515

汇聚访1年前

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

这是模仿者哔哩哔哩网站为子比主题适配的一款页面底部效果，这个美化也是比较老的美化了，整体还是比较好看的，提示的字体可自行更改，代码也比较简单，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 - 外观 - 小工具 - HTML代码添加以下代码即可（推荐放置：所有页面-底部全宽度）： <style> div.widget_text.zib-widget.widget_custom_html { background: none; padding:0px; margin-bottom:0px; box-shadow:none; } </style> <div style="position: relative;text-align: center;"><img decoding="async" src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" data-src="https://pic1.imgdb.cn/item/6934e336b20847ff2b5e5b7e .png" class=" ls-is-cached lazyloaded"> <p style="position: absolute;top:...

建站笔记

18912

汇聚访1年前

实用子比主题 – 评论区显示漂亮的用户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 =...

建站笔记

112912

汇聚访1年前

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

这是一款子比主题文章列表果冻弹跳效果美化，开启此效果后，当鼠标经过文章列表的任何区域都会出现类似果冻弹跳的效果一样，总的来说还是可以的，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [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)...

建站笔记

01057

汇聚访1年前

实用子比主题 – 新文章发布卡片列表角标

这是一款给子比主题添加的一款功能样式美化，部署完代码后，每当发布新文章右边都会有一个红色的New标签用来提醒用户，同时标签的颜色可自行更改，适配多种文章列表样式，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php添加以下代码即可： /*汇聚访www.huijuf.com*/ function add_new_label_to_post_title($title, $id = null) { if (is_admin() || !$id || !in_the_loop()) { return $title; } if (get_post_type($id) !== 'post') { return $title; } $post_time = get_the_time('U',...

建站笔记

71319

汇聚访1年前

实用子比主题 – 多功能自定义右键菜单

大家好，本地汇聚访给大家带来了子比主题的自定义右键菜单，这个效果还是挺不错的，菜单中有很多实用的功能，便捷的同时又防止了别的右键扒站，有喜欢的的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到网站统计HTML代码里面即可！里面的内容自己改动一下！！ <style type="text/css"> /*www.huijuf.com*/ a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul...

建站笔记

8888

汇聚访1年前

上一页1…2728293031…33下一页跳转