建站笔记

Ri主题 - 顶部导航菜单角标样式（第二款）-汇聚访

实用Ri主题 – 顶部导航菜单角标样式（第二款）

这是一款给Ri主题增加一款菜单角标的样式效果，之前我发过一款动态的样式，今天再给大家带来一款是静态的，和之前一样颜色我适配了两种，有需要更多颜色自行适配吧，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码: /*汇聚访：www.huijuf.com*/ .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color...
建站笔记
09215
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 导航栏菜单文字加粗-汇聚访

实用Ri主题 – 导航栏菜单文字加粗

这是让Ri主题顶部文字导航加粗的一个美化效果，之前我在子比主题的美化合集里也发过，今天适配一下Ri主题，因为Ri主题本身UI是比较偏简约风格的，后续我会发更多关于别的主题的美化样式，话不多说了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题设置 - 基本设置 - 自定义CSS代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .navbar .nav-list>.menu-item>a { font-size: 15px; line-height: 61px; margin: 0 6px; padding-right: 10px; font-weight: 900; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
建站笔记
2746
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 - 网站公告美化弹窗-汇聚访

实用子比主题 – 网站公告美化弹窗

这是给子比主题适配的一款网站美化弹窗公告，这个效果类似那种资源站的公告，原本为狐狸发出来的，我这里修改了一下样式，公告图片放在公益图床了但是我还是建议本地化，有觉得好看的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：网站后台->Zibll主题设置->全局&功能->常用功能->弹窗通知： 打开窗口尺寸设置为中，弹窗标题背景为炫彩背景，随后为标题内容以及弹窗内容： 标题内容弹窗内容 <div> <script type="text/javascript"> /*汇聚访：www.huijuf.com*/ var now = (new Date()).getHours(); if (now > 0 && now <= 6) { document.write("熬夜对身体不好，快睡觉！"); } else if (now > 6 && now...
建站笔记
2017912
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 - 网站右下角弹窗公告代码-汇聚访

实用子比主题 – 网站右下角弹窗公告代码

这是一款子比主题的网站右下角弹窗公告代码，这个效果是在每次用户打开网站时弹出一个提示框，但是部分浏览器不支持，目前我测试Edg貌似无法弹窗，谷歌是正常的，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/footer.php然后在</body>的下面添加以下代码即可： /*汇聚访：www.huijuf.com*/ <script> var popNotice = function() { //获取用户授权状态 if (Notification.permission == "granted") { var notification = new Notification("Hi,欢迎光临汇聚访", { //很明显这是正文 body: '各位小哥哥小姐姐喜欢本站就留言互访吧,我会每天不定时的访问各位的站点。', //很明显这是图标 icon: 'https://demo.huijuf.com/wp-content/uploads/2025/09/favicon.png' }); //消息被点击事件 notification.onclick =...
建站笔记
41326
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 卡片三点样式-汇聚访

实用Ri主题 – 卡片三点样式

这是给Ri主题添加卡片三点美化的教程，之前我发过子比主题的今天带来Ri主题的部署教程，总体来说感觉还可以，右边的蓝点并不是主题原本自带的，是我自己适配的，三点的颜色你可以随意更改，包括那个蓝点的颜色，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 定位：主题后台设置 - 基本设置 - 自定义CSS代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .entry-wrapper { position: relative; width: 100%; } .meta-category-dot { flex-direction: row-reverse; } .meta-category-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align:...
建站笔记
010415
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 - 评论区增加开通会员按钮-汇聚访

实用子比主题 – 评论区增加开通会员按钮

这是一款给子比主题评论区的发送评论的右边添加一个开通会员按钮，这个按钮当用户评论的时候都可以看到，这样就更可以给自己的站点会员推广一下，教程也比较简单，不需要修改主题源代码，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>文章&列表–>>评论设置–>>自定义评论提交按钮文案，将代码放到发送评论的后面！ </button> <a class="but c-red btn-input-expand input-image mr6 pay-vip"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="hide-sm">加入VIP</span> </a> [/hidecontent]
建站笔记
510814
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 导航栏开通会员按钮悬浮菜单-汇聚访

实用Ri主题 – 导航栏开通会员按钮悬浮菜单

这是一款Ri主题的导航栏开通会员按钮悬浮菜单效果，这个效果也是特别的实用，未登录时候可引导用户登录并查看会员价格及权益，登录后可直接跳转会员页面，本来想写登录后可直接开通呢，但是依旧比较懒就没搞，有能力的自己改吧，然后就是手机端不好看我就隐藏了，有需要的自行部署吧！ 未登录： 已登录： 代码部署： [hidecontent type="payshow"] CSSPHP温馨提醒 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .vip-tit { color: #504d4d } .vip-package { color: #504d4d } .vip-new-2 { height: 300px; width: 450px; height: 300px; width: 450px; background-color: #fff0;...
建站笔记
07610
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 侧边彩色滚动条-汇聚访

实用Ri主题 – 侧边彩色滚动条

这是给Ri主题添加的一款侧边彩色滚动条，之前我在子比主题上也适配过，这次给大家带来Ri主题的代码，这个效果也是特别不错的，同时代码也比较简单，多的我也不说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加一下代码即可： /*汇聚访：www.huijuf.com*/ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: skyblue; background-image: -webkit-linear-gradient( 45deg, rgba(25, 100, 248, 0.4) 25%, transparent 25%, transparent...
建站笔记
27814
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 导航栏登录按钮下拉菜单样式-汇聚访

实用Ri主题 – 导航栏登录按钮下拉菜单样式

这是给Ri主题添加的一款导航栏登录下拉菜单按钮的样式美化，效果也是挺不错的，文字可自行更改，在用户登录的时候看到这些信息，引导用户登录以享受这些登录福利，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码：（图片我放在图床了，自行本地化） /*汇聚访：www.huijuf.com*/ .navbar .login-btn { border-radius: 25px; width: 90px; align-items: center; color: #ffffff; cursor: pointer; display: flex; font-size: 14px; height: 30px; justify-content: center; margin-right: 10px;...
建站笔记
0625
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 顶部导航菜单角标样式-汇聚访

实用Ri主题 – 顶部导航菜单角标样式

这是一款Ri主题的顶部导航菜单角标样式，条总并没有像子比一样适配一些样式，这是单独用代码实现的，具有动态的效果，看起来还是挺不错的，话不多说，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .menu-ico { font-size: 12px; color: #ffffff; line-height: 1; position: absolute; background: #9C27B0; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; padding: 2px 3px; display: inline-block; top:...
建站笔记
08211
汇聚访的头像-汇聚访核心会员汇聚访7个月前
1…1213141516…36跳转