汇聚访-汇聚访-第26页
汇聚访的头像-汇聚访
UID:1 已加入汇聚访333天 总消费:0 徽章-身份唯一-汇聚访徽章-收藏新秀-汇聚访徽章-不败赞神-汇聚访11枚徽章河南省漯河市管理员
2025-05-22
05-22
子比主题 - 侧边动漫图片卡片小工具-汇聚访

实用子比主题 – 侧边动漫图片卡片小工具

这是一款仿B站的侧边动漫图片社区小工具,这款小工具是纯代码并没有写成可视化小工具,没有适配昼夜模式,放上自己的二维码即可,旁边的几个标签都可以更改,喜欢的自行部署吧! 演示效果: 代码部署: [hidecontent type="reply"] 定位:外观 - 小工具 - 文章页&侧边栏(自定义HTML代码区块)添加以下代码即可,图片可自行本地化,以防丢失! <style type="text/css"> .mhy-qrcode-download-card .mhy-qrcode-top-card{position:relative;width:auto;height:212px;border-radius:4px;padding-top:42px}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-image{position:absolute;width:154px;height:106px;right:0;top:0;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content{cursor:pointer}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background{width:auto;height:64px;background-size:280px 64px;border-radius:3px 3px 0 0}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:32px;left:0px;top:75px;background-image:url(https://oss.longs.cn/images/2025/05/20250519104024124.png);background-size:100% 32px;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-image{width:24px;height:24px;margin:8px 6px 0 12px;background-size:100% 100%;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-text_img{width:111px;height:22px;margin-top:9px;background-size:100% 100%;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:106px;background:var(--main-bg-color);border-radius:0...
10个月前
2026-01-31
01-31
子比主题 - 给日夜切换按钮添加下拉菜单-汇聚访

实用子比主题 – 给日夜切换按钮添加下拉菜单

这是一款给子比主题的顶部导航栏日夜切换按钮添加的下拉多选菜单,部署完此功能后,每次选中日夜切换按钮时就会出现相关下拉选项,并且还有相关记忆模式,手机版也可用,有需要的朋友自行部署吧! 演示效果: 代码部署: [hidecontent type="payshow"] CSS代码JS代码 定位:子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可: .theme-toggle-dropdown{position:relative;display:inline-block}.theme-toggle-dropdown-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.theme-toggle-dropdown-btn .theme-icon{display:inline-flex;align-items:center;font-size:16px;line-height:1}.theme-toggle-dropdown-btn:hover{opacity:.8}.theme-mode-menu{min-width:140px;padding:4px 0;margin-top:6px;background:var(--body-bg-color,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:9999}.dark-theme .theme-mode-menu{background:var(--body-bg-color,#1a1a1a);border-color:var(--border-color,#333);box-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-mode-option{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background-color .2s ease;position:relative;border-radius:4px}.theme-mode-option:hover{background:var(--main-bg-color,#f5f5f5)}.dark-theme .theme-mode-option:hover{background:var(--main-bg-color,#252525)}.theme-mode-option.active{background:var(--theme-color-light,rgba(33,150,243,.1))}.dark-theme .theme-mode-option.active{background:var(--theme-color-light,rgba(33,150,243,.2))}.theme-mode-option .mode-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--main-bg-color,#f5f5f5);border-radius:4px;font-size:13px;flex-shrink:0;transition:all .2s ease}.dark-theme .theme-mode-option .mode-icon{background:var(--main-bg-color,#252525)}.theme-mode-option:hover .mode-icon{transform:scale(1.05)}.theme-mode-option[data-mode=white-theme] .mode-icon{color:orange}.theme-mode-option[data-mode=dark-theme]...
1个月前
欢迎光临~
热评