汇聚访-汇聚访-第30页
用户封面
3.1W+36591
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访241天 总消费：0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
发布354
排序
2025-10-13
10-13
Ri主题 - 左下角会员倒计时广告-汇聚访

实用Ri主题 – 左下角会员倒计时广告

这是一款Ri主题的会员倒计时广告样式效果，部署之后将会在网站的左下角显示，总体来说还是挺不错的，特别方便引导用户查看，该效果在每个页面都显示，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/footer.php找到以下代码： </body> 随后在此代码上面添加以下代码（CSS和JS可放在主题后台，当然你也可以一起放置，如需更改倒计时时间需要更改JS的代码，图片我放在图床了，推荐本地化）： HtmlCSSJS <div class="floating-module" id="floatingModule"> <a href="/vip-prices/"> <div class="life-tu"> <div class="flip-container"> <img class="front" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> <img class="back" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> </div> </div> </a> <div class="life-end"></div> <img class="life-close" src="https://pic1.imgdb.cn/item/68eba2e2c5157e1a8869f296 .png" onclick="closeModule()">...
1个月前
建站笔记
2025-10-13
10-13
Ri主题 - 首页四格小工具美化-汇聚访

实用Ri主题 – 首页四格小工具美化

这是给RiProV5主题添加的一款四格小工具样式，总体看起来还是不错的，有一种科技风的感觉，图片我全部放在图床上面了，推荐自行下载起来本地化，你可以放在任何位置，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码（所放置的位置自行挑选）： /*汇聚访：www.huijuf.com*/ <div class="container animate__animated animate__fadeInUp"> <div class="row animate__animated animate__fadeInUp"> <div class="col-3"><div class="item"><a target="_blank" href="/wordpress" class="d-flex justify-content-center align-items-center py-4" style="color:#0868ac"><div class="item-icon"> <img src="https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg"></div><div class="text-left"><h5>WordPress...
1个月前
建站笔记
2025-10-13
10-13
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:...
1个月前
建站笔记
2025-10-14
10-14
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;...
1个月前
建站笔记
2025-10-14
10-14
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;...
1个月前
建站笔记
2025-10-16
10-16
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:...
1个月前
建站笔记
2025-10-19
10-19
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...
1个月前
建站笔记
2025-10-20
10-20
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
1个月前
建站笔记
2025-10-21
10-21
Ri主题 - 首页搜索模板波浪样式-汇聚访

实用Ri主题 – 首页搜索模板波浪样式

这是给Ri主题添加的一款首页搜索模板波浪样式，我修改了这个小工具的代码，按理来说这个小工具不管你放在哪里这个波浪效果都会显示出来，教程我写的很详细，修改主题代码前记得提前备份文件，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：后台 - 外观 - 小工具 - 首页模板中添加【首页】高级搜索模块小工具，随后在主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .awaves { padding-top: 320px; z-index: -1; position: absolute; bottom: 0; width: 100%; } .waves { position: relative; width:...
1个月前
建站笔记
2025-10-21
10-21
Ri主题 - 菜单彩色小圆圈样式-汇聚访

实用Ri主题 – 菜单彩色小圆圈样式

这是给Ri主题添加的一款菜单彩色小圆圈样式，主要用于除了一级菜单之外的菜单，比如二级三级等，这个效果也是十分的好看，给本就不多彩的日主题添上了浓厚的一笔，目前我只适配了这几种颜色，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .lanse { box-sizing: border-box; content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 50%; margin-top: -6px; left: 0; border-color: #61e1b9; border:...
1个月前
建站笔记
1…2829303132…36跳转
用户协议 免责声明
复制地址 关闭热评 轉為繁體
热评

开通会员享特权

专属内容无限访问
下载权限提升至最高级
专属子比付费美化优惠
免费下载更多精品资源
¥29.9 ¥39.9
Vip会员 · 立省30元
立即开通
每日签到
公众号二维码
扫码关注公众号
获取更多专属内容和最新资讯
展开全屏
返回顶部