1Panel 自定义页面参考(简洁单页,欢迎来扒)

同步来源:树洞剪藏 源站剪藏 ID:93 原文地址:https://www.nodeseek.com/post-195368-1
1Panel 自定义页面参考(简洁单页,欢迎来扒)
NodeSeek beta 日常 技术 情报 测评 交易 拼车 推广
1Panel 自定义页面参考(简洁单页,欢迎来扒)
Anye 楼主 13min ago in 技术 #0
本文首发于 Anyeの小站 , 点击链接 访问原文体验更佳
落地页
亮色模式
深色模式
网站 404 错误页
亮色模式
深色模式
网站不存在页
亮色模式
深色模式
静态站默认页
亮色模式
深色模式
PHP 网站默认页
亮色模式
深色模式
网站停用页
亮色模式
深色模式
WAF 拦截页 - 禁止访问 (403)
亮色模式
深色模式
.dark-mode { --bg-color: #1a1a1a; --text-color: #e0e0e0; --card-bg: #2c2c2c; --heading-color: #e74c3c; --link-color: #63b3ed; }
body { font-family: Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; transition: background-color 0.3s, color 0.3s; }
.container { background-color: var(--card-bg); border-radius: 8px; padding: 40px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 100%; transition: background-color 0.3s; }
h1 { color: var(--heading-color); margin-bottom: 20px; font-size: 2.5em; transition: color 0.3s; }
p { line-height: 1.6; margin-bottom: 20px; }
.icon { font-size: 64px; margin-bottom: 20px; }
.back-link { color: var(--link-color); text-decoration: none; font-weight: bold; transition: color 0.3s; }
.back-link:hover { text-decoration: underline; }
.theme-toggle { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--text-color); cursor: pointer; font-size: 24px; transition: transform 0.3s; }
.theme-toggle:hover { transform: scale(1.1); }
@media (max-width: 480px) { .container { padding: 20px; } }
WAF 拦截页 - 网站不存在
亮色模式
深色模式
.dark-mode { --bg-color: #1a1a1a; --text-color: #e0e0e0; --card-bg: #2c2c2c; --heading-color: #ffffff; --link-color: #63b3ed; }
body { font-family: Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; transition: background-color 0.3s, color 0.3s; }
.container { background-color: var(--card-bg); border-radius: 8px; padding: 40px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 100%; transition: background-color 0.3s; }
h1 { color: var(--heading-color); margin-bottom: 20px; font-size: 2.5em; transition: color 0.3s; }
p { line-height: 1.6; margin-bottom: 20px; }
.icon { font-size: 64px; margin-bottom: 20px; }
.back-link { color: var(--link-color); text-decoration: none; font-weight: bold; transition: color 0.3s; }
.back-link:hover { text-decoration: underline; }
.theme-toggle { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--text-color); cursor: pointer; font-size: 24px; transition: transform 0.3s; }
.theme-toggle:hover { transform: scale(1.1); }
@media (max-width: 480px) { .container { padding: 20px; } }
WAF 拦截页 - 地区限制
亮色模式
深色模式
.dark-mode { --bg-color: #1a1a1a; --text-color: #e0e0e0; --card-bg: #2c2c2c; --heading-color: #ffffff; --link-color: #63b3ed; }
body { font-family: Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; transition: background-color 0.3s, color 0.3s; }
.container { background-color: var(--card-bg); border-radius: 8px; padding: 40px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 100%; transition: background-color 0.3s; }
h1 { color: var(--heading-color); margin-bottom: 20px; font-size: 2.5em; transition: color 0.3s; }
p { line-height: 1.6; margin-bottom: 20px; }
.icon { font-size: 64px; margin-bottom: 20px; }
.theme-toggle { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--text-color); cursor: pointer; font-size: 24px; transition: transform 0.3s; }
.theme-toggle:hover { transform: scale(1.1); }
.language-toggle { position: absolute; top: 20px; left: 20px; background: none; border: none; color: var(--text-color); cursor: pointer; font-size: 24px; transition: transform 0.3s; }
.language-toggle:hover { transform: scale(1.1); }
@media (max-width: 480px) { .container { padding: 20px; } }
WAF 拦截页 - IP 黑名单
亮色模式
深色模式
.dark-mode { --bg-color: #1a1a1a; --text-color: #e0e0e0; --card-bg: #2c2c2c; --heading-color: #ffffff; --link-color: #63b3ed; }
body { font-family: Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; transition: background-color 0.3s, color 0.3s; }
.container { background-color: var(--card-bg); border-radius: 8px; padding: 40px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 100%; transition: background-color 0.3s; }
h1 { color: var(--heading-color); margin-bottom: 20px; font-size: 2em; transition: color 0.3s; }
p { line-height: 1.6; margin-bottom: 20px; }
.icon { font-size: 64px; margin-bottom: 20px; }
.contact-link { color: var(--link-color); text-decoration: none; font-weight: bold; transition: color 0.3s; }
.contact-link:hover { text-decoration: underline; }
.theme-toggle { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--text-color); cursor: pointer; font-size: 24px; transition: transform 0.3s; }
.theme-toggle:hover { transform: scale(1.1); }
@media (max-width: 480px) { .container { padding: 20px; } }
Halo Pro “金色传说”
本站公告弹窗
Anyeの小站 | 境内 Docker 镜像状态监控 | 1Panel Pro 永久折扣 | Halo Pro 永久折扣
1 0 0 引用 回复
pipiy 5min ago #1
鸡腿了
0 0 引用 回复
neko 22s ago #2
还可以,挺简洁的,感觉1Panel可以加个一键替换这些页面的功能
✈️TG | ✉️站内信 | 图片转文字生成器 | ByteVirt SG便宜解锁机$8.8/年 | SB煤老板、SB碳云
0 0 引用 回复
内容 预览 对照
支持 markdown语法
鼓励友善发言,禁止人身攻击
xxxxxxxxxx
1
1
AC娘
洋葱头
小黄鸡
发布评论
88
等级 Lv 4 鸡腿 1907 关注 0 通知 0
主题帖 10 评论数 290 粉丝 2 收藏 182 发帖
快捷功能区 推荐阅读 管理记录 幸运抽奖 邀请好友 合作商家 友站链接
所有版块 日常 技术 情报 测评 交易 曝光 拼车 生活 贴图 推广 内版 Dev 无意义 沙盒
📈用户数目📈
目前论坛共有22086位seeker
🎉欢迎新用户🎉
xiaoliu
adcros
662518
kimsvip
sha256
juice
qwb0330
kisalo
相关网站 LowEndTalk LowEndSpirit HostLoc ServerHunter
站内导航 关于本站 隐私协议 RSS订阅 sitemap
商业推广 商家申请规则 Premium Provider 合作商家展示
其他平台 电报频道 电报群组
联系我们
Copyright © 2022 - 2024 All rights Reserved