汇聚访-汇聚访-第24页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
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
子比主题 - 卡片列表角标-汇聚访

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

根据以前某位不知名用户写的最新发布角标修改而来，无需修改子比主题文件即可实现，非图片角标，手搓的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
子比主题 - 文章列表果冻弹跳效果-汇聚访

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

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个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
子比主题 - 评论区显示漂亮的用户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 =...
子比主题子比美化建站笔记
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样式...
子比主题子比美化建站笔记
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...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 添加优雅大方的时间进度小模块-汇聚访

实用子比主题 – 添加优雅大方的时间进度小模块

为主题添加一个优雅大方的时间进度小模块，直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 第一步：创建自定义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...
子比主题子比美化建站笔记
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; } }...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 置顶角标美化-汇聚访

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

为主题增加一个置顶角标美化，话不多说直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下列代码加入后台CSS中即可 .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: auto;...
子比主题子比美化建站笔记
2025-05-04
05-04
子比主题 - 文本超链接美化样式-汇聚访

实用子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！原作者是狐狸库哦~ 演示效果： 代码部署： [hidecontent type="payshow"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1)...
子比主题子比美化建站笔记
1…2223242526…30跳转
热评