汇聚访-汇聚访-第34页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-05-24
05-24
子比主题 - 文章角标及封面图底部美化代码-汇聚访

实用子比主题 – 文章角标及封面图底部美化代码

今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果！文章发布时可在编辑页底部自行配置输入内容以及颜色，不填写内容则不显示。 演示效果： 代码部署： [hidecontent type="payshow"] 1.Zibll主题设置>>全局&功能>>自定义代码>>自定义CSS样式！ /*角标css*/ .posts-item.card .item-thumbnail { background:#c4cffa26; width:100%; padding-bottom:var(--posts-card-scale); } a.item-category { position:absolute; left:10px; top:10px; padding:5px 6px; font-size:1rem; line-height:1; color:#fff; background:var(--theme-color); border-radius:6px; } a.item-category-app { position:absolute; height:24px; line-height:24px; width:100%; text-align:center; bottom:0;...
5个月前
建站笔记
2025-05-31
05-31
子比主题 - 专题&分类聚合卡片上移-汇聚访

实用子比主题 – 专题&分类聚合卡片上移

这是一个子比主题小工具分类聚合卡片，今天看到别的站点这个挺好看的，然后就弄了下来，今天分享给大家！原作者是狐狸库！！ 演示效果： 代码部署： [hidecontent type="reply"] 把下方代码放到自定义代码css中 两个二选一 都一样！ 第一款第二款 .clearfix .zib-widget.term-aggregation .term-img { width: 18.5em; } .clearfix .zib-widget.term-aggregation .term-img .graphic { margin-top: -40px; } @media screen and (min-width:1024px) and (max-width: 1240px) { .clearfix .zib-widget.term-aggregation .term-img...
5个月前
建站笔记
2025-05-24
05-24
子比主题 - 幻灯片底部虚化-汇聚访

实用子比主题 – 幻灯片底部虚化

今天给大家分享一款样式，这款样式是可以让幻灯片底部虚化的，结合起来非常好看！ 演示效果： 代码部署： [hidecontent type="payshow"] 将代码放到后台自定义CSS！ .absolute::before { content: ''; display: block; position: absolute; left: 0; top: 58%; right: 0; bottom: 0; transform: scale(1.01); background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%); }...
5个月前
建站笔记
2025-05-24
05-24
子比主题 - 底部添加蓝色波浪美化-汇聚访

实用子比主题 – 底部添加蓝色波浪美化

这个美化也是很久之前的美化了，发出来记录一下吧，希望对大家有用！ 演示效果： 代码部署： [hidecontent type="reply"] 进入宝塔面板，进入子比主题文件夹（zibll）找到footer.php文件夹，在footer标签(</footer>)下面添加下面代码。 <!--底部波浪开始 汇聚访www.huijuf.com--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18...
5个月前
建站笔记
2025-05-24
05-24
子比主题 - notyf提示框扫光效果美化-汇聚访

实用子比主题 – notyf提示框扫光效果美化

今天逛别人站点的时候，发现这个效果很好看，于是就扒了下来，今天就分享给大家吧！原作者是墨星哈！ 演示效果： 代码部署： [hidecontent type="payshow"] 复制下面css代码 进入子比主题设置-全局-自定义代码-自定义css代码 .notyf{border-radius:var(--main-radius) 0 0 var(--main-radius);position:relative;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s ease}.notyf:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.2)}@keyframes ripple{0%{background-position:0% 50%;box-shadow:0 0 25px rgba(255,255,255,0.4)}50%{background-position:100% 50%;box-shadow:0 0 40px rgba(255,255,255,0.5)}100%{background-position:0% 50%;box-shadow:0 0 25px rgba(255,255,255,0.4)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(25deg);opacity:0}25%{opacity:0.5}75%{opacity:0.5}100%{transform:translateX(100%)...
5个月前
建站笔记
2025-05-24
05-24
子比主题 - 侧边栏小工具会员广告小模块-汇聚访

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

侧边小工具会员广告小模块，炫彩色的美化样式，非常好看，给自己的子比主题侧边加上一款会员模块，很实用 演示效果： 代码部署： [hidecontent type="payshow"] HTMLCSS 将下面代码放到：外观-小工具-侧边即可，要选择自定义HTML小工具，将下面代码放到里面 <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...
5个月前
建站笔记
2025-05-25
05-25
子比主题 - 网站底部添加滚动波浪-汇聚访

实用子比主题 – 网站底部添加滚动波浪

今天分享一个自适应的底部波浪部署教程，希望对大家有用！手机端PC端自适应的哦~ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 把下面代码放到主题设置里的自定义CSS代码里！ /*网站底部波浪www.huijuf.com*/ .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 50px; max-height: 80px; } .parallax>use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5)infinite; } .parallax>use:nth-child(1) {...
5个月前
建站笔记
2025-05-30
05-30
子比主题 - 侧边栏添加鼠标移入悬浮&扫光效果百度一下小工具-汇聚访

实用子比主题 – 侧边栏添加鼠标移入悬浮&扫光效果百度一下小工具

这个效果是墨星写的，我在其他站点看到的，然后就扒了下来，今天分享给大家！ 演示效果： 代码部署： [hidecontent type="payshow"] 代码分为三个部分，HTML和CSS和JS部分，话不多说直接开始部署吧！直接把代码共同放在小工具-自定义HTML里即可！ HTMLCSSJS <div class="mx-search-widget"> <div class="mx-banner">百度一下-协助本站SEO</div> <div class="mx-search-container"> <input type="text" id="mx-searchInput" placeholder="汇聚访" value="汇聚访"> <button onclick="mx_search()" class="mx-button">立即搜索</button> </div> </div> <style> /*www.huijuf.com*/ .mx-search-widget { width: 100%; margin: 15px 0; position: relative; overflow:...
5个月前
建站笔记
2025-06-03
06-03
子比主题 - 卡片新发布new-汇聚访

实用子比主题 – 卡片新发布new

这个效果是在心动次元看到的，今天分享给大家，希望大家能够喜欢！ 演示效果： 代码部署; [hidecontent type="payshow"] 在子比主题目录下“func.php”(子比主题推荐放这里）或者“functions.php”，在合适位置放下面PHP代码。图片路径记得更换，不然图片不显示！图片附件我放在文章附件了！ /** * 新文章发布New小图标 */ function xinwenzhang_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icone"><img src="/wp-content/themes/zibll/img/ico_new.png" draggable="false" alt="最新文章" /></div>'; }else...
4个月前
建站笔记
2025-06-07
06-07
子比主题 - 首页底部登录弹窗模块-汇聚访

实用子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="payshow"] PHPCSS 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面! /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img...
4个月前
建站笔记
1…3233343536跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

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