建站笔记

子比主题 - 多功能自定义右键菜单（第二款）-汇聚访

实用子比主题 – 多功能自定义右键菜单（第二款）

大家好，今天汇聚访给大家带来第二个版本的多功能自定义右键菜单，这个效果也是十分好看，属于现在流行的毛玻璃效果，同时也解决了第一版用户想要原始菜单的问题，此版本按住ctrl即可打开原始菜单，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] footer.php自定义CSS代码自定义javascript代码 定位：/wp-content/themes/zibll/footer.php找到以下代码： <?php wp_footer(); ?> 在此代码的上方添加以下代码即可： <div id="ete_menu" style="display: none; position: fixed; z-index: 9999; left: 0px; top: 0px;"> <div class="nav-buttons glass"> <div class="nav-btn" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" data-bs-title="返回" onclick="window.history.back();"> <i class="ri-arrow-left-line"></i>...
建站笔记
014113
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 卡片简约效果美化-汇聚访

实用子比主题 – 卡片简约效果美化

大家好，今天汇聚访给大家带来一款卡片简约的效果美化，这个效果去除了作者信息和一些列表小部件、列表标签等内容，增加了文章摘要，总体来说还算可以，同时也适配了黑夜效果和手机版，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先添加样式，在子比后台-自定义css中添加以下代码： /*汇聚访：www.huijuf.com*/ @media (max-width: 768px){ .header-slider-container .zib-widget.widget_yjk_qiandaopaihang{ display:none; } .posts-item.card ,.posts-item.list.ajax-item.flex{ width: calc(100% - 20px); } } /*汇聚访：www.huijuf.com*/ .posts-item.list.ajax-item.flex { width: calc(50% - 10px); margin: 5px; display: inline-block; margin: 8px;...
建站笔记
01656
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 合作企业展示模块-汇聚访

实用子比主题 – 合作企业展示模块

大家好，今天汇聚访给大家带来一款合作企业的展示模块，之前也发过一篇类似这样模块的文章，只不过那个是动态的，这个图标是静态的，黑夜模式我没有适配，手机端写的代码是隐藏的，话不多说，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在小工具-自定义html代码中添加以下代码即可（位置随意）： /*汇聚访：www.huijuf.com*/ <div class="ceo-home-qiye ceo-background-default"> <div class="ceo-container"> <div class="ceo-home-title"> <h5>合作高薪就业企业</h5> <div class="ceo-home-title-lines"> <i></i> </div> <p>卓越，彼此共认同。教学品质俘获诸多名校偏爱，学员能力赢得众多企业青睐</p> </div> <div class="ceo-grid-ceosmls ceo-grid" ceo-grid=""> <div class="ceo-width-1-2 ceo-width-1-6@s ceo-first-column"> <div class="ceo-dongtai ceo-qiye-img"> <a href="" rel="nofollow"...
建站笔记
09214
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 -  优雅设计底部会员浮窗效果-汇聚访

实用子比主题 –  优雅设计底部会员浮窗效果

大家好，今天汇聚访给大家带来一款优雅的底部会员浮窗效果，这个效果是底部每个页面都有，手机端进行了隐藏，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义头部HTML代码中添加以下代码： <style> /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { #ceo-footer-vip { display: none !important; } } /*汇聚访：www.huijuf.com*/ .ceo-footer-vip{ width:100%; position:fixed; left:0; bottom:0; z-index:999; box-sizing:border-box; } /*汇聚访：www.huijuf.com*/ .ceo-footer-vipmk{ width:1034px; position:relative; background:#fff; border-radius:6px; margin:0...
建站笔记
013113
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 首页排行榜小工具（第二版）-汇聚访

实用子比主题 – 首页排行榜小工具（第二版）

大家好，今天汇聚访给大家带来首页排行榜的第二版，昨天发的第三版，我搜了一下才知道第二版忘发了，今天补上吧，这个版本适配了手机，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php中找到<?php get_sidebar(); ?>在下面添加代码，也可以放在 zibll/index.php 里面的底部之前get_footer();，一共分两个版本，手机显示和不显示两个版本。 手机不显示手机显示 以下代码放在上面说的php文件里： <!--排名榜开始--> <div class="wapnone"> <div id="syphb" class="container list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">建站资源</a> <div class="class-box"> <?php query_posts('cat=4&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post();...
建站笔记
015314
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 添加文章评论常用语功能（v8.1修复版）-汇聚访

实用子比主题 – 添加文章评论常用语功能（v8.1修复版）

大家好，今天汇聚访给大家带来子比主题的文章评论常用语功能，这个功能子比在v8.1添加了，也就是自动回复，但是有些人感觉没有这个看着舒服，今天就出个教程，已经修复8.1版本代码变动的情况，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在子比后台-CSS代码样式中添加代码： /*常-用-语样式*/ .wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)} .wiiuii-words-li:hover{background:var(--float-btn-bg)} 随后在后台主题设置-自定义javascript代码添加下面jQuery代码： // 评-论-常-用-语JS $('.wiiuii-words-li').on('click', function() { var $wiiuii_comment = $('#comment'); var wiiuii_com_text = $(this).find('span').text(); var wiiuii_com_original = $wiiuii_comment.val(); $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + ' ' +...
建站笔记
31019
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 系统弹窗跳转引导提醒（第二版）-汇聚访

实用子比主题 – 系统弹窗跳转引导提醒（第二版）

大家好，今天汇聚访给大家带来系统弹窗跳转引导提醒的第二个版本，之前发过一个版本是MacOS系统的，今天给大家带来第二版，同时也适配了手机端，这个效果起初是在腾飞那里看到的，于是就仿了一个，顺便适配了下手机版的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换）： /*汇聚访：www.huijuf.com*/ <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box"...
建站笔记
01256
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 底部悬浮导航栏-汇聚访

实用子比主题 – 底部悬浮导航栏

大家好，今天汇聚访给大家带来一款子比主题的底部悬浮导航栏，之前发过7b2主题的，今天发一下子比主题的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码放在子比后台设置-自定义css样式里即可： /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { .footer-tabbar { display: flex; border-radius: 50px; margin: 0 20px 20px 20px; width: 92%; box-shadow: 0 0 6px 0 #FFD1D8; } } /*汇聚访：www.huijuf.com*/ [/hidecontent]
建站笔记
01266
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 全局边框及卡片拟态动漫小人美化-汇聚访

实用子比主题 – 全局边框及卡片拟态动漫小人美化

大家好，今天汇聚访给大家带来一款子比主题的边框样式的美化，这个是给全局增加了黑色的线条边框，同时呢也给卡片增添了拟态效果和动漫小人，适合动漫风格的网站，话不多说直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image:...
建站笔记
016313
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 首页排行榜小工具（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
建站笔记
224212
汇聚访的头像-汇聚访核心会员汇聚访9个月前
1…2122232425…36跳转