汇聚访-汇聚访-第29页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省漯河市管理员
发布293
排序
2025-04-27
04-27
子比主题 - 版权声明渐变文本版权提示-汇聚访

实用子比主题 – 版权声明渐变文本版权提示

一款版权声明渐变文本版权提示代码，今天分享给大家哦~ 演示效果： 代码部署： [hidecontent type="reply"] HTMLCSS <div class="zbbox-text"> 本资源为本站原创，转载请注明来源、保留版权信息，谢谢合作！ </div> .zbbox-text { height: 40px; color: #fff; background: linear-gradient(55deg, #250095 0%, #9980FF 25%, #9980FF 50%, #950090 50%, #ff14ed 75%, #ff14ed 100%) no-repeat; padding: 8px; border-radius: 8px;...
子比主题子比美化建站笔记
2025-04-27
04-27
子比主题 - 侧边滚动播报小工具-汇聚访

实用子比主题 – 侧边滚动播报小工具

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML！！ 效果一效果二 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <div class="textwidget custom-html-widget"> <aside id="php_text-8" class="widget php_text wow fadeInUp" data-wow-delay="0.3s"> <div class="textwidget widget-text"> <style type="text/css"> #container-box-1{color:#526372;text-transform:uppercase;width:100%;font-size:16px;line-height:50px;text-align:center;padding: 10px;background: linear-gradient(45deg,...
子比主题子比美化建站笔记
2025-04-27
04-27
子比主题 - 给文章侧边加一个滚动公告-汇聚访

实用子比主题 – 给文章侧边加一个滚动公告

这是一款子比主题文章侧边小工具，是一款滚动公告的小工具，我觉得比较好看，代码也简单，直接部署就行，喜欢的自行部署，教程我写的很详细！ 演示效果： 代码部署： [hidecontent type="payshow"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <!--子比滚动公告框--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-notice { width: 100%; overflow: hidden; } .show-notice-hello { float: left; width: 15%;...
子比主题子比美化建站笔记
2025-04-27
04-27
子比主题 - 侧栏动态时钟与问候语小工具-汇聚访

实用子比主题 – 侧栏动态时钟与问候语小工具

一个实用又美观的动态时钟和问候语提醒功能，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div>...
子比主题子比美化建站笔记
2025-04-27
04-27
子比主题 - 首页横向滚动图集样式-汇聚访

实用子比主题 – 首页横向滚动图集样式

大家好，这次汇聚访给大家带来一款子比主题首页横向滚动图集样式，我觉得还是不错的，就是一个图片横向滚动的一款小工具，喜欢的自行部署一下吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <style> .item.scroll { left: 0px; width: 100%; height: 420px; background-size: auto 100%; pointer-events: none; background-position: center center; background-repeat: no-repeat; transition: opacity 0.3s ease 0s; white-space: nowrap; overflow: hidden; position:...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 多功能组件搜索栏美化-汇聚访

实用子比主题 – 多功能组件搜索栏美化

这是一款B2的一个样式，分享两款方形首页搜索框美化样式，非常实用的一款子比首页搜索框美化，喜欢的自行部署下吧！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="payshow"] 将CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到子比主题–>>自定义javascript代码 第一种第二种 CSSJS .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius:...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 合作用户列表图片样式-汇聚访

实用子比主题 – 合作用户列表图片样式

为子比主题首页增添一个合作伙伴列表的图片样式是许多子比站点运营者的共同需求。这样的样式不仅能够美化页面，还可以有效展示合作关系。下面是一些建议，帮助您创建一个优秀的合作用户列表样式，供有需要的朋友自行部署。 演示效果： 代码部署： [hidecontent type="payshow"] 一共两个部分的代码，一个是HTML，一个是css样式 HTMLCSS 这是HTML代码，将下面的代码放到：后台–>>外观–>>自定义HTML，放到你想要展现的地方即可，图片我已经放到图床，自行替换一下合作的LOGO <div class="home-page-container"> <div class="wrapper"> <div class="company-logo-box"> <div class="sub-title">与170000家企业用户共同见证改变</div> <div class="small-des">汇聚访感谢每一位企业合作伙伴的支持与信任</div> <div class="company-logo"> <div class="row first-row"> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01oMqGNc1QbIlvWjCas_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01PHJLPJ1QbIlrKHnCC_!!2210123621994.png");"></div> <div class="logo-box" style="background-image: url("https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01c2RPRk1QbIltKsQk9_!!2210123621994.png");"></div>...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 恋爱天数小卡片-汇聚访

实用子比主题 – 恋爱天数小卡片

今天逛友链时，看到星雨博客里的恋爱天数小卡片设计挺好看，就搬运了一下。之前也有大佬分享过另一种样式的卡片，今天我把两种不同样式的代码整理了一下，代码放在博客里，喜欢的朋友可以自行获取！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="payshow"] 样式一样式二 <script src="//at.alicdn.com/t/c/font_3977018_i7ssrxgnwh.js"></script> <style> .wniui_icon { width: 1.5rem; height: 1.5rem; fill: currentColor; overflow: hidden; } .wniui_couple { text-align: center; } .wniui_couple .wniui_pic { border-radius: 50%; width: 5rem; background:...
子比主题子比美化建站笔记
2025-04-25
04-25
子比主题 - 动态文章置顶美化-汇聚访

实用子比主题 – 动态文章置顶美化

今天在某个站点看见一个动态置顶，感觉挺好看的，现在分享给大家 效果演示： 代码部署： [hidecontent type="reply"] 子比主题–>>自定义CSS样式 CSS /* * 文章置顶美化开始 * www.huijuf.com */ @-webkit-keyframes burn{0%{-webkit-clip-path:polygon(51% 94%,44% 93%,40% 92%,35% 89%,31% 83%,32% 77%,34% 71%,38% 62%,38% 55%,38% 47%,42% 52%,45% 56%,45% 53%,45% 47%,45% 42%,46% 40%,49% 35%,50% 44%,51% 49%,54% 54%,56%...
子比主题子比美化建站笔记
2025-04-24
04-24
子比主题 - 网站进入Loading加载动画-汇聚访

实用子比主题 – 网站进入Loading加载动画

这是一款子比主题Loading加载动画，用户进入网站加载动画效果，很多动画用的是一些组件来做的动画，但是这个不是，这个是直接用的svg动画进行来做网站进场的动画的，原创：星雨博客，喜欢的自行部署一下吧！ 演示效果： 第一种： 第二种： 代码部署： [hidecontent type="reply"] 直接将下面的代码放到：子比主题–>>自定义CSS样式即可，里面有一个图片链接，可以用我的也可以本地保存一下 CSS /*加载动画*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(svg路径链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode:...
子比主题子比美化建站笔记
1…27282930跳转
热评