汇聚访-汇聚访-第26页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
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%,...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 猫耳朵样式-汇聚访

实用子比主题 – 猫耳朵样式

猫耳朵美化是一种针对手机或电脑等设备的界面美化方案。这种美化方案以猫耳朵为主题，设计了一系列相关的图标、壁纸、字体等元素，使设备的界面看起来更加可爱、生动。总的来说，猫耳朵主题美化是一种针对设备界面的全方位美化方案，旨在为用户提供更加个性化、有趣的界面体验。 演示效果： 代码部署： [hidecontent type="reply"] 将下面CSS代码加入到后台CSS里即可 /*悬浮按钮猫耳朵*/ /*www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://blog.zbiwl.com/image/cat.jpg) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%;...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 翻页按钮增加页数跳转-汇聚访

实用子比主题 – 翻页按钮增加页数跳转

为主题添加页数跳转的样式，话不多说开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 放置于子比主题后台自定义代码-自定义javascript代码： $(function(){ $('a.next.page-numbers').after('<br><div style="display: inline-flex;margin: 10px;"><input class="form-control" id="pageInput" placeholder="输入页数" style="flex: 30px;border-color: var(--theme-color);"> <button class="newadd-btns but pw-1em jb-pink btn-newadd" onclick="goToPage()">前往</button></div>'); }); function goToPage() { const pageNumber = document.getElementById("pageInput").value; if (pageNumber &&...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 粉色细节优化-汇聚访

实用子比主题 – 粉色细节优化

增强视觉吸引力：粉色是一种温馨、甜美的颜色，可以给网站增添一份柔和、温暖的感觉，使得文章框更加引人注目。 提升用户体验：通过为文章框添加外框，可以使得文章内容更加突出，更容易被用户注意到。而粉色的外框则可以增加文章框的辨识度，使得用户在浏览网页时能够更快地找到所需的信息。 增加页面层次感：外框可以将文章框与其他页面元素区分开来，增加页面的层次感。粉色的外框可以作为一种视觉引导，帮助用户更好地理解页面结构。 体现品牌形象：如果网站的目标受众是年轻人群，那么粉色的外框可以更好地符合目标受众的审美需求，体现品牌的年轻、时尚、温馨的形象。 演示效果： 代码部署： [hidecontent type="reply"] 将下方CSS放置于后台——自定义代码——自定义CSS内即可 /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

实用子比主题 – 首页搜索栏按钮及透明边框美化

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们要知道改哪个文件，首先我们就是改：/zibll/inc/functions/zib-search.php 首先我们要改两个地方然后加上CSS就可以了第一处第二处自定义CSS样式 第三个地方就简单了，直接放到我们的 子比主题–>>自定义CSS样式 即可 步骤①步骤②步骤③ 文件一： 我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码 $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 到了第二个地方，我们还是在：/zibll/inc/functions/zib-search.php 文件里面改...
子比主题子比美化建站笔记
2025-05-01
05-01
子比主题 - 鼠标选中文字颜色样式-汇聚访

实用子比主题 – 鼠标选中文字颜色样式

今天为主题增加一个复制选中效果，直接开始展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题-自定义CSS样式即可 color: #0045FF;是选中颜色，自己改自己喜欢的颜色吧 ::selection { background: transparent; color: #0045FF; } [/hidecontent]
子比主题子比美化建站笔记
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
子比主题子比美化建站笔记
1…2425262728…30跳转
热评