子比美化 第19页
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)...
子比主题建站笔记
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 .=...
子比主题建站笔记
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...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 文章资源付费类型文字转为图标样式-汇聚访

实用子比主题 – 文章资源付费类型文字转为图标样式

大家好，今天汇聚访给大家带来子比主题的文章资源付费类型文字转为图标样式教程，更美观更好看更简约，当然每个人喜欢的类型不同，如果喜欢自行部署吧。 演示效果： 代码部署： [hidecontent type="reply"] 找到文件路径：themes\zibll\inc\functions\zib-posts-list.php第390行添加如下代码： $svg = '<symbol id="icon-points" viewBox="0 0 1024 1024"> <path d="M419.886252 370.432927c119.605022 0 243.995044-26.302516 318.706976-76.460106v91.304594h69.207683V185.366307C807.800911 65.18189 607.999688 0.289697 420.006126 0.289697S32.091467 65.18189 32.091467 185.366307v545.629859c0 120.184417 199.801223 185.076609 387.794785 185.07661V846.984967c-197.463666 0-318.706976-67.579385-318.706976-115.978811V566.977553c74.711932 50.037714...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 底部添加渐变色背景统计模块（两种样式）-汇聚访

实用子比主题 – 底部添加渐变色背景统计模块（两种样式）

在网站底部添加一个统计信息，可以看到网站的运营情况，如会员数量，文章数量、网站的总浏览量、当天发布的文章数量、网站运营天数等，并且这个统计信息背景是渐变色的，非常漂亮。之前有分享过这个代码，今天新增了一个显示评论总数，把今天发布文章数量改为了本周发布的数量，如果需要之前的版本，可以参考下面这篇文章 演示效果： 样式一： 样式二： 代码部署： [hidecontent type="payshow"] 进入子比主题目录，创建 func.php 文件，把下面的代码添加进去（下面两个选择一个喜欢的样式填进去即可） 样式一样式二 <?php //实现侧边栏文本工具运行PHP代码 add_filter('widget_text', 'php_text', 99); function php_text($text) { if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text); $text = ob_get_contents(); ob_end_clean();...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 自定义右键菜单-汇聚访

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

大家好，本地汇聚访给大家带来了子比主题的自定义右键菜单，这个效果还是挺不错的，菜单中有很多实用的功能，便捷的同时又防止了别的右键扒站，有喜欢的的自行部署吧！ 演示效果： 代码部署： [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...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 会员框炫彩美化-汇聚访

实用子比主题 – 会员框炫彩美化

今天给大家分享一个子比会员框的美化教程，希望对大家有用！自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] css代码添加到后台即可 .payvip-icon { color: #ffffff; --this-color: #ffffff; background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme1 { background: linear-gradient(135deg, #ff7faf91 10%, #43b2ff 100%); } .vip-theme2 { background: linear-gradient(43deg, #ff6ac3 0%, #465dff...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 给帖子添加板块分类角标-汇聚访

实用子比主题 – 给帖子添加板块分类角标

因为我首页是没有板块的，这样的话帖子是什么板块的不点进帖子内就不好分辨。我是站在实用的角度出发，顺便做的好看一些，不是为了花里胡哨所谓的美化。所以不要问我这个怎么美化那个怎么美化，我不会因为我不美化。 演示效果： 代码部署： [hidecontent type="reply"]  /zibll/inc/functions/bbs/inc/posts.php 搜索 zib_bbs_get_posts_mini_list  整合替换PHP代码！ PHPCSS function zib_bbs_get_posts_mini_list($class = 'ajax-item', $show_topping = false) { $class = $class ? ' ' . $class : ''; global $post; $term_links = zib_bbs_get_posts_tag_link($post->ID, 'liuke-biaoqian'); $term_html = '';...
子比主题建站笔记
2025-05-01
05-01
子比主题 - 让网站禁止访问控制台 打开控制台跳转页面说明-汇聚访

实用子比主题 – 让网站禁止访问控制台 打开控制台跳转页面说明

让网站禁止F12访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。 演示效果： 代码部署： [hidecontent type="payshow"] JS代码 <script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script> 路径需要自己调整，资源文件自己找地方放置即可！ [/hidecontent]
子比主题建站笔记
2025-05-01
05-01
子比主题 - 网站侧边滚动条-汇聚访

实用子比主题 – 网站侧边滚动条

浏览器默认的滚动条样式太丑了，而且不同的浏览器下滚动条的样式也不一样，为了美观和统一，必须修改滚动条的样式。今天给大家分享一个网站侧边条，希望大家能够喜欢！ 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到自定义CSS里面即可！ /**彩色滚动条样式开始*/ /*www.huijuf.com*/ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%,...
子比主题建站笔记
1…1718192021…23跳转