汇聚访 - 专注于主题美化及资源分享-最新发布-第23页

专注美化

与资源分享

WWW.HUIJUF.COM

HUIJUF.COM

最新发布第23页

子比主题 - 炫酷侧边栏样式-汇聚访

实用子比主题 – 炫酷侧边栏样式

这是子比主题的侧边栏样式，这个效果起初是腾飞写的，但是他的手机版加载的时候好像有问题，现在他也不用了，我发出来做个笔记以防丢失，我这里对手机版隐藏了，因为手机版看着太臃肿了。这里只推荐电脑版使用，话不多说喜欢的自行部署！演示效果：代码部署： [hidecontent type="payshow"] CSSJS自定义底部HTML代码定位：后台 - 自定义CSS样式中添加以下代码即可（代码已进行压缩）： /*汇聚访：www.huijuf.com*/ .side-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:999}.nav-card{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#f0f2f5);box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 35px rgba(79,70,229,.15)}.nav-card i{font-size:20px;color:#4b5563;transition:color .3s ease;position:relative;z-index:2}.card-vip{background:linear-gradient(135deg,#5b5fff,#4f46e5);z-index:10}.card-vip i{color:#fff}.card-vip:hover{box-shadow:0 12px 35px rgba(79,70,229,.3)}.mx-card-content{position:absolute;width:220px;padding:18px 20px;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:15px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1;left:-240px;top:50%;transform:translateY(-50%)}.nav-card:hover .mx-card-content{opacity:1;visibility:visible;left:-230px}.content-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,transparent...

013911

汇聚访8个月前

子比主题 - 侧边统计小工具-汇聚访

实用子比主题 – 侧边统计小工具

这是子比主题的侧边栏统计小工具，之前炙焰的小工具插件里有，这次我把他分出来了，方便一些不喜欢用插件的人部署，效果还是算不错的，如果有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] func.php文本首先在子比主题根目录创建func.php文件，记得加上<?php标签，否则会报错，随后添加以下代码： //实现侧边栏文本工具运行PHP代码 add_filter('widget_text', 'php_text', 99); function php_text($text) { if (strpos($text, '<' . '?') !== false) { ob_start(); eval('?' . '>' . $text); $text = ob_get_contents(); ob_end_clean(); } return $text;...

61236

汇聚访8个月前

子比主题 - 最新用户通知小工具-汇聚访

实用子比主题 – 最新用户通知小工具

这是子比主题的最新用户通知小工具，可自行选择部署的位置，有的站长比较需要这个，今天分享出来了，原作者是黑猫，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 首先在子比根目录中添加一个func.php的文件，记得带上<?php否则会报错，随后将以下代码添加进去： if (file_exists(get_theme_file_path('/inc/widgets/huijuf-user.php'))) { require_once get_theme_file_path('/inc/widgets/huijuf-user.php'); } /*汇聚访：www.huijuf.com*/ 然后在/wp-content/themes/zibll/inc/widgets这个目录下添加一个文件名为huijuf-user.php的文件，随后添加以下代码即可： <?php // 注册最新用户通知小工具汇聚访www.huijuf.com class DearLicy_Notice_Widget extends WP_Widget { // 汇聚访www.huijuf.com public function __construct() { parent::__construct( 'dearlicy_notice_widget', 'HEIMAO - 最新用户通知', array('description'...

1414715

汇聚访8个月前

子比主题 - 汽水音乐解析页面-汇聚访

实用子比主题 – 汽水音乐解析页面

这是子比主题的一个汽水音乐解析页面，起初是黑猫发出来的，但是他那个放进模板里也不能被Wordpress识别出来，我这里做了修复，后续会发更多页面的部署教程，有需要的自行查看部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages（创建一个php文件，代码直接丢进去即可！） <?php /** * Template name: 汇聚访-汽水音乐解析 * Description: Document navigation */ // IP限制相关配置 define('IP_LIMIT_PER_MINUTE', 3); // 每分钟最大请求次数 define('IP_LIMIT_WINDOW', 60); // 时间窗口（秒） // IP限制函数 function checkIpLimit() { $ip =...

41237

汇聚访8个月前

子比主题 - 评论区起始分割线-汇聚访

实用子比主题 – 评论区起始分割线

今天汇聚访给大家带来一款子比主题的评论区起始分割线，之前我发过文章的分割线，今天在别的站点看到了这个效果并且是收费的，于是我就仿了一下，图片我放在图床里了，有条件的建议图片本地化，以防丢失，有需要的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/template/comments.php在这个文件里找到以下代码： <div class="theme-box" id="comments"> 在这个代码的下面添加以下代码即可： <div class="huijuf-wrapper"> <span class="huijuf-line"></span> <span class="huijuf-icon"> <a> <img src="https://pic1.imgdb.cn/item/68d7c526c5157e1a883c68cf .png" alt="分割线图标" class="huijuf-img"> <b>评论区</b>（汇聚访-评论底线）</a> </span> <span class="huijuf-line"></span> </div> <style> /*汇聚访：www.huijuf.com*/ .huijuf-wrapper { display: flex; align-items: center; margin:...

012511

汇聚访8个月前

子比主题 - 简约导航页面样式-汇聚访

实用子比主题 – 简约导航页面样式（一键部署）

这是子比主题的页面美化，之前我很少发页面的美化，最主要的还是太麻烦了，需要整的多少太多了比较懒，今天给大家分享一款简约的导航界面，一键部署就好了也没啥复杂的东西，图片我放在图床里了，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] 申请入驻有问题我打上了注释，有能力的自行适配一下吧，还是比较懒！定位：/wp-content/themes/zibll/pages这个文件夹里面创建一个PHP文件，文件名随意，然后把下方代码放进去，之后在后台页面 - 创建新页面 - 选择汇聚访-网址导航即可： <?php /** * Template name: 汇聚访www.huijuf.com - 导航页 * Description: 一款简约的导航页！更多美化请到汇聚访www.huijuf.com。 */ get_header(); ?> <style> ol, ul { list-style-type: none; } .homebk12 .homebk8-ctn li...

01798

汇聚访8个月前

子比主题 – 侧边动态时钟样式美化（两款）-汇聚访

实用子比主题 – 侧边动态时钟样式美化（两款）

这是子比主题的一款小工具样式，推荐放在子比主题的侧边栏位置，一共两款样式同时适配了黑夜模式，喜欢哪个样式自行部署即可，不要同时部署，会出问题！！有喜欢的自行部署吧！演示效果¹（白天渐变昼夜黑色）演示效果²（白天白色昼夜黑色）代码部署： [hidecontent type="reply"] 喜欢哪一款部署哪一款，不要两个都部署，要不然白天的颜色都会变成白色！定位：WP后台–>>外观–>>小工具–>>自定义HTML，把下方样式的代码放进去即可！样式一（渐变+黑色）样式二（白色+黑色） <style> .dynamic-clock { background: linear-gradient(135deg, #6e8efb, #a777e3); border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); margin: 20px auto; max-width: 500px; color: white;...

1211410

汇聚访8个月前

子比主题 – 给侧边加个古诗一言小工具-汇聚访

实用子比主题 – 给侧边加个古诗一言小工具

这是子比主题的古诗一言小工具，效果还是挺不错的，可以自行修改文案文字以及图片显示，放在侧边栏比较好看，很有韵味，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 推荐在侧边栏放置，定位：外观 - 小工具 - 自定义html代码中添加以下代码即可： <style type="text/css"> .wiiuii-suiji-main span{color:#fff}.wiiuii-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.wiiuii-suiji-header{display:flex;justify-content:space-between}.xingyu-dt-ty{padding:20px;display:flex;flex-direction:column}.xingyu-dt-day{font-size:60px;font-weight:700;color:#fff}.xingyu-sj-date{font-size:16px;font-weight:700;color:#fff}.xingyu-sjzt-ty{line-height:25px;height:200px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px}.xingyu-sj-qhbtn{position:absolute;bottom:30px;padding:10px}.xingyu-sj-qhbtn>span>i{font-size:16px}.xingyu-sj-qhbtn span:hover{color:#f44336}.xingyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px} </style> <div class="wiiuii-suiji-main"> <div class="wiiuii-suiji-header"> <div class="xingyu-dt-ty"> <span class="xingyu-dt-day wiiuiiDay"></span> <p class="xingyu-sj-date"> <span class="wiiuiiYear"></span> <span class="wiiuiiMonth"></span> </p> </div> <div...

49910

汇聚访8个月前

子比主题 – 列表悬停动态气泡与边框样式-汇聚访

实用子比主题 – 列表悬停动态气泡与边框样式

这是一款子比主题类别动态气泡加上边框慢慢淡蓝色样式，原作者是腾飞适配子比主题的，我这里仅供分享，只建议用列表模式的，卡片的话不好看，有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 直接丢到：子比主题–>>自定义CSS样式即可！ /* 子比主题列表悬停动态气泡与边框样式 */ .posts-item { position: relative; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; border-radius: 8px; } .posts-item::before { content: ""; position: absolute; top: 0; right:...

411010

汇聚访8个月前

子比主题 – 首页NEW居中标题样式（两款）-汇聚访

实用子比主题 – 首页NEW居中标题样式（两款）

这是子比主题的一款首页NEW居中动态标题样式，之前也发过别的这样的样式，但是这个有个特点就是刷新网页的时候会动态加载，相比之前发的可能更加好看一点，有喜欢的自行部署吧！演示效果：第一款第二款代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码丢里面即可！推荐放置位置：首页 - 主内容上面样式一样式二 <div class="post-header"> <div class="post-title-wrap"> <span class="post-title">最新文章</span> <span class="post-dot"></span> </div> <div class="post-subtitle"> <span class="line left-line"></span> <span class="subtitle-text">学无止境，活到老，学到老</span> <span class="line right-line"></span> </div> </div> <style> .post-header{display:flex;flex-direction:column;align-items:center;margin:5px...

1111911

汇聚访8个月前

上一页 1…21 222324 25…45 下一页跳转

复制地址关闭热评

开通会员享特权

专属内容无限访问

下载权限提升至最高级

专属子比付费美化优惠

免费下载更多精品资源

¥29.9 ¥39.9

Vip会员 · 立省30元

扫码关注公众号

获取更多专属内容和最新资讯