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

专注美化

与资源分享

WWW.HUIJUF.COM

HUIJUF.COM

最新发布第18页

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

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

这是我给Ri主题适配的第三版的菜单角标样式，这个样式效果依旧是动态的样式，颜色我只适配了两个不过理论代码都是一样的，如需别的颜色可自行适配，黑夜模式也可以完美使用，话不多说了有喜欢的自行部署吧！演示效果：代码部署： [hidecontent type="payshow"] CSS菜单定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-hong { font-size: .5em; line-height: 1.4; padding: 0.2em 0.5em; min-width: .9em; min-height: 0.9em; display: inline-block; vertical-align: 1.8em; border-radius: 11px; color: #fff; text-align: center;...

09815

汇聚访7个月前

子比主题 – 用户随机头像教程（代码版）-汇聚访

实用子比主题 – 用户随机头像教程（代码版）

这是一款子比主题的用户随机头像教程，这款教程是通过代码的形式来实现，通过php代码实现然后调用的是目录的图片即可实现用户注册随机头像教程，随机头像的头像样式也可自行更改，有需要的自行部署吧！演示效果：代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /*开始随机头像*/ function zib2_sign_in($user_id) { if (!$user_id) { return; } $social_login = get_user_meta($user_id, 'oauth_new', true); $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; $avatars = glob($avatars_base_dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE | GLOB_NOSORT); if (empty($avatars))...

512711

汇聚访7个月前

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:...

07614

汇聚访7个月前

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:...

17713

汇聚访7个月前

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:...

08610

汇聚访7个月前

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...

2018012

汇聚访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个月前

上一页 1…16 171819 20…45 下一页跳转

复制地址关闭热评

开通会员享特权

专属内容无限访问

下载权限提升至最高级

专属子比付费美化优惠

免费下载更多精品资源

¥29.9 ¥39.9

Vip会员 · 立省30元

扫码关注公众号

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