子比美化 第20页
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;...
子比主题建站笔记
2025-04-30
04-30
子比主题 - 加一个NEW居中标题样式美化-汇聚访

实用子比主题 – 加一个NEW居中标题样式美化

带有绿色标题和描述的效果。标题文字居中显示，并使用24px的大字体和绿色字体颜色。标题下方是一条带有分隔线的描述，描述文字为灰色小字体，两侧有一条水平线，使其更加醒目和易读。这个设计适用于强调新内容或重要信息的展示！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码直接丢到：外观-小工具-自定义HTML即可，自己喜欢就改一下里面文字 <div class="emoji-container"> <div class="emoji-title">NEW</div> <div class="emoji-separator emoji-sub emoji-sm">学无止境，活到老，学到老</div> </div> <style> .emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center} .emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%} .emoji-separator{display:flex;align-items:center;justify-content:center;width:100%} .emoji-sub{color:#8c92a1!important} .emoji-sm{font-size:14px} .emoji-title{font-size:24px;font-weight:bold;color:green} /*www.huijuf.com*/ </style> [/hidecontent]
子比主题建站笔记
2025-04-30
04-30
子比主题 - 用户中心隐私功能-汇聚访

实用子比主题 – 用户中心隐私功能

子比主题用户中心的文章、评论、粉丝等默认全部人可见，但是有时不想让全部人可见就可以开启此功能！ 演示效果： 代码部署： [hidecontent type="reply"] 把以下代码添加到子比主题下，按顺序找到该文件/inc/functions/zib-author.php，在zib-author.php第374行把原代码删除掉粘贴下面代码。 //作者页面-评论tab function zib_main_author_tab_content_comment() { global $wp_query; $curauth = $wp_query->get_queried_object(); if (empty($curauth->ID)) { return; } $author_id = $curauth->ID; $current_user = wp_get_current_user(); $page = zib_get_the_paged(); if (isset($_POST['comment_visibility'])) { $new_visibility = sanitize_text_field($_POST['comment_visibility']);...
子比主题建站笔记
2025-04-30
04-30
子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：Zibll主题设置 – 文章内页 – 文章插入内容，前后自己选 <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block { display: flex; align-items:...
子比主题建站笔记
2025-04-29
04-29
子比主题 - 分页按钮美化-汇聚访

实用子比主题 – 分页按钮美化

为你的网站添加翻页按钮美化，颜色随主题色自适应！ 演示效果： 代码部署： [hidecontent type="payshow"] 添加以下css代码到后台即可 /*页码样式微调*/ /*www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95,...
子比主题建站笔记
1…181920212223跳转