MediaWiki:Centralnotice-template-raise money:修订间差异
MediaWiki界面页面
更多操作
第1行: | 第1行: | ||
<!-- | <!-- | ||
INITIATING [SCROLLABLE CHAOS] PROTOCOL. | |||
SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT. | SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT UNIT. | ||
STATUS: | CONTAINMENT STATUS: STABLE. INTERNAL ANOMALY: SCROLLABLE. | ||
--> | --> | ||
<!-- 步骤 1: | <!-- 步骤 1: 外部 "结界" Wrapper 保持不变。它提供稳定的布局占位和抖动裁剪。--> | ||
<div id="spamton-wrapper-1997" style="position: relative; margin: 15px; overflow: hidden; border: 2px solid #555;"> | |||
<div id="spamton-wrapper-1997" style="position: relative; margin: 15px; overflow: hidden;"> | |||
<!-- 步骤 2: | <!-- 步骤 2: 内部的“疯狂盒子”现在有了固定的高度和自定义的滚动条。--> | ||
<div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Courier New', monospace; text-align: center; padding: 25px; position: relative; border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-intense-shake-1997 0.5s infinite, sp-container-pulse-1997 2s infinite; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbnoaXNlKSIvPjwvc3ZnPg==') #000; color: #fff; | |||
/* 新增核心样式: 固定高度并启用纵向滚动 */ | |||
<div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Courier New', monospace; text-align: center; padding: 25px; position: relative | height: 450px; /* 你可以调整这个高度 */ | ||
overflow-y: scroll; | |||
overflow-x: hidden; /* 防止横向滚动条出现 */ | |||
"> | |||
<style> | <style> | ||
/* | /* 动画部分保持不变 */ | ||
@keyframes sp-container-pulse-1997 { | @keyframes sp-container-pulse-1997 { 0% { border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; } 25% { border-image: linear-gradient(135deg, #ffff00, #ff00ff, #00ffff, #ffff00) 1; } 50% { border-image: linear-gradient(225deg, #00ffff, #ffff00, #ff00ff, #00ffff) 1; } 75% { border-image: linear-gradient(315deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; } 100% { border-image: linear-gradient(405deg, #ffff00, #ff00ff, #00ffff, #ffff00) 1; } } | ||
@keyframes sp-intense-shake-1997 { 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-2px, -3px) rotate(-1deg); } 20% { transform: translate(-4px, 0px) rotate(1deg) scale(1.01); } 30% { transform: translate(4px, 3px) rotate(0deg); } 40% { transform: translate(2px, -2px) rotate(1deg); } 50% { transform: translate(-2px, 3px) rotate(-1deg) scale(0.99); } 60% { transform: translate(-4px, 2px) rotate(0deg); } 70% { transform: translate(4px, 2px) rotate(-1deg); } 80% { transform: translate(-2px, -2px) rotate(1deg); } 90% { transform: translate(2px, 3px) rotate(0deg) scale(1.02); } 100% { transform: translate(2px, -3px) rotate(-1deg); } } | |||
@keyframes sp-intense-shake-1997 { | |||
@keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } } | @keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } } | ||
@keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } } | @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } } | ||
@keyframes sp-rainbow-anim-1997 { 0%{color: #ff0000;} 15%{color: #ffff00;} 30%{color: #00ff00;} 45%{color: #00ffff;} 60%{color: #0000ff;} 75%{color: #ff00ff;} 100%{color: #ff0000;} } | |||
@keyframes sp-rainbow-anim-1997 { | @keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-10px); } } | ||
@keyframes sp-jump-1997 { | |||
/* 所有样式选择器仍然严格限定在容器ID内 */ | |||
#spamton-chaos-container-1997 .glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; } | #spamton-chaos-container-1997 .glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; } | ||
#spamton-chaos-container-1997 .glitch-text::before, #spamton-chaos-container-1997 .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; overflow: hidden; } | #spamton-chaos-container-1997 .glitch-text::before, #spamton-chaos-container-1997 .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; overflow: hidden; } | ||
#spamton-chaos-container-1997 .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } | #spamton-chaos-container-1997 .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } | ||
#spamton-chaos-container-1997 .glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; } | #spamton-chaos-container-1997 .glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; } | ||
#spamton-chaos-container-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } | #spamton-chaos-container-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } | ||
#spamton-chaos-container-1997 .crazy-button { background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 20px 40px; font-size: 30px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 25px; box-shadow: 0px 0px 25px #ffff00, inset 0 0 10px #000; transition: all 0.05s ease; transform: skew(-15deg); } | #spamton-chaos-container-1997 .crazy-button { background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 20px 40px; font-size: 30px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 25px; box-shadow: 0px 0px 25px #ffff00, inset 0 0 10px #000; transition: all 0.05s ease; transform: skew(-15deg); } | ||
#spamton-chaos-container-1997 .crazy-button:hover { background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 0.2s infinite; transform: scale(1.2) skew(15deg); } | #spamton-chaos-container-1997 .crazy-button:hover { background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 0.2s infinite; transform: scale(1.2) skew(15deg); } | ||
#spamton-chaos-container-1997 .jumpy-text { display: inline-block; animation: sp-jump-1997 0.5s infinite alternate; } | |||
#spamton-chaos-container-1997 | /* 新增: 自定义辣眼睛滚动条 (仅对 Webkit 浏览器生效, 如 Chrome, Edge, Safari) */ | ||
#spamton-chaos-container-1997::-webkit-scrollbar { | |||
width: 20px; /* 滚动条要宽,要显眼!*/ | |||
} | |||
#spamton-chaos-container-1997::-webkit-scrollbar-track { | |||
background: repeating-linear-gradient( | |||
45deg, | |||
#000000, | |||
#000000 5px, | |||
#ff00ff 5px, | |||
#ff00ff 10px | |||
); /* 黑色和品红色的惊悚条纹 */ | |||
border-left: 2px solid #ffff00; | |||
} | |||
#spamton-chaos-container-1997::-webkit-scrollbar-thumb { | |||
background-color: #ffff00; /* 亮黄色滑块 */ | |||
border: 3px outset #00ffff; /* 凸起的3D青色边框 */ | |||
box-shadow: 0 0 10px #ffff00; | |||
} | |||
#spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { | |||
background-color: #00ff00; /* 悬停时变绿色 */ | |||
} | |||
</style> | </style> | ||
<!-- | <!-- 内部内容 --> | ||
<h3 style="color: #00ffff; font-size: 3em; text-shadow: 3px 3px #ff00ff;">嘿 <span class="jumpy-text">[[小家伙]]</span>!!!!</h3> | <h3 style="color: #00ffff; font-size: 3em; text-shadow: 3px 3px #ff00ff;">嘿 <span class="jumpy-text">[[小家伙]]</span>!!!!</h3> | ||
<p style="font-size: 20px; line-height: 1.8; color: #ffff00; font-weight: bold;">[[向下滚动,小海绵!更多优惠等着你!]]</p> | |||
<p style="font-size: 20px; line-height: 1.8;">你想不想要【免费午餐】?想不想要【知识的海洋】?但你猜怎么着?在[[现实]]这个<span class="rainbow-text">【硬核付费DLC】</span>里,连天堂的电话线都是要收费的!!!</p> | <p style="font-size: 20px; line-height: 1.8;">你想不想要【免费午餐】?想不想要【知识的海洋】?但你猜怎么着?在[[现实]]这个<span class="rainbow-text">【硬核付费DLC】</span>里,连天堂的电话线都是要收费的!!!</p> | ||
<p style="font-size: 28px; font-weight: bold;">我们需要你的……你的……你那甜美的,甜美的 <span class="glitch-text" data-text="[[KROMER]]" style="font-size: 1.5em; color: #00ff00;">[[KROMER]]</span>!!</p> | <p style="font-size: 28px; font-weight: bold;">我们需要你的……你的……你那甜美的,甜美的 <span class="glitch-text" data-text="[[KROMER]]" style="font-size: 1.5em; color: #00ff00;">[[KROMER]]</span>!!</p> | ||
第60行: | 第68行: | ||
<a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">【点此成为大人物!】</a> | <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">【点此成为大人物!】</a> | ||
<p style="font-size: 10px; color: #777; margin-top: 30px; transform: rotate(-2deg);">*最终解释权归[MIKE]所有。点击即表示您同意献出您的[心形物体]和浏览器cookies。无[退款保证]。祝您有[愉快]的一天。</p> | <p style="font-size: 10px; color: #777; margin-top: 30px; transform: rotate(-2deg);">*最终解释权归[MIKE]所有。点击即表示您同意献出您的[心形物体]和浏览器cookies。无[退款保证]。祝您有[愉快]的一天。</p> | ||
<p style="padding-top: 50px;">你还在滚动吗?下面什么都没有了!真的!别滚了!</p> | |||
</div><!-- | </div><!-- 滚动容器结束 --> | ||
</div><!-- | </div><!-- 外部结界结束 --> | ||
<!-- | <!-- 关闭按钮保持不变 --> | ||
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;" style="display:block; text-align:center; font-family: 'Comic Sans MS', 'Courier New', monospace; font-size: 18px; color: #ff00ff | <a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;" style="display:block; text-align:center; font-family: 'Comic Sans MS', 'Courier New', monospace; font-size: 18px; color: #ff00ff; text-shadow: 1px 1px #00ffff; text-decoration: none;">[别想逃]</a> | ||
<style> | <style> | ||
@keyframes sp-jump-1997-close { from { transform: translateY(0px); } to { transform: translateY(-5px); } } | |||
@keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-5px); } } | #spamton-close-btn-1997 { animation: sp-jump-1997-close 1s infinite alternate; } | ||
#spamton-close-btn-1997 { animation: sp-jump-1997 1s infinite alternate; } | |||
</style> | </style> |
2025年7月7日 (一) 19:28的版本
<style> /* 动画部分保持不变 */ @keyframes sp-container-pulse-1997 { 0% { border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; } 25% { border-image: linear-gradient(135deg, #ffff00, #ff00ff, #00ffff, #ffff00) 1; } 50% { border-image: linear-gradient(225deg, #00ffff, #ffff00, #ff00ff, #00ffff) 1; } 75% { border-image: linear-gradient(315deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; } 100% { border-image: linear-gradient(405deg, #ffff00, #ff00ff, #00ffff, #ffff00) 1; } } @keyframes sp-intense-shake-1997 { 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-2px, -3px) rotate(-1deg); } 20% { transform: translate(-4px, 0px) rotate(1deg) scale(1.01); } 30% { transform: translate(4px, 3px) rotate(0deg); } 40% { transform: translate(2px, -2px) rotate(1deg); } 50% { transform: translate(-2px, 3px) rotate(-1deg) scale(0.99); } 60% { transform: translate(-4px, 2px) rotate(0deg); } 70% { transform: translate(4px, 2px) rotate(-1deg); } 80% { transform: translate(-2px, -2px) rotate(1deg); } 90% { transform: translate(2px, 3px) rotate(0deg) scale(1.02); } 100% { transform: translate(2px, -3px) rotate(-1deg); } } @keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } } @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } } @keyframes sp-rainbow-anim-1997 { 0%{color: #ff0000;} 15%{color: #ffff00;} 30%{color: #00ff00;} 45%{color: #00ffff;} 60%{color: #0000ff;} 75%{color: #ff00ff;} 100%{color: #ff0000;} } @keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-10px); } }
/* 所有样式选择器仍然严格限定在容器ID内 */ #spamton-chaos-container-1997 .glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; } #spamton-chaos-container-1997 .glitch-text::before, #spamton-chaos-container-1997 .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; overflow: hidden; } #spamton-chaos-container-1997 .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } #spamton-chaos-container-1997 .glitch-text::after { left: -2px; text-shadow: -2px 0 #00ffff, 2px 2px #ff00ff; animation: sp-glitch-anim-2-1997 1.5s infinite linear alternate-reverse; } #spamton-chaos-container-1997 .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } #spamton-chaos-container-1997 .crazy-button { background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 20px 40px; font-size: 30px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 25px; box-shadow: 0px 0px 25px #ffff00, inset 0 0 10px #000; transition: all 0.05s ease; transform: skew(-15deg); } #spamton-chaos-container-1997 .crazy-button:hover { background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 0.2s infinite; transform: scale(1.2) skew(15deg); } #spamton-chaos-container-1997 .jumpy-text { display: inline-block; animation: sp-jump-1997 0.5s infinite alternate; }
/* 新增: 自定义辣眼睛滚动条 (仅对 Webkit 浏览器生效, 如 Chrome, Edge, Safari) */ #spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; /* 滚动条要宽,要显眼!*/ } #spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient( 45deg, #000000, #000000 5px, #ff00ff 5px, #ff00ff 10px ); /* 黑色和品红色的惊悚条纹 */ border-left: 2px solid #ffff00; } #spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; /* 亮黄色滑块 */ border: 3px outset #00ffff; /* 凸起的3D青色边框 */ box-shadow: 0 0 10px #ffff00; } #spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; /* 悬停时变绿色 */ } </style>
嘿 小家伙!!!!
你想不想要【免费午餐】?想不想要【知识的海洋】?但你猜怎么着?在现实这个【硬核付费DLC】里,连天堂的电话线都是要收费的!!!
我们需要你的……你的……你那甜美的,甜美的 KROMER!!
没有它,我们就会被【管理员】从这个【赛博热土】上驱逐!这个网站会变成……会变成……[超链接已损坏]
现在就是你的机会!只需要一点小小的…… 【你的灵魂】……帮助!就能成为一个 BIG SHOT!!!
<a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">【点此成为大人物!】</a>
*最终解释权归[MIKE]所有。点击即表示您同意献出您的[心形物体]和浏览器cookies。无[退款保证]。祝您有[愉快]的一天。
你还在滚动吗?下面什么都没有了!真的!别滚了!
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;" style="display:block; text-align:center; font-family: 'Comic Sans MS', 'Courier New', monospace; font-size: 18px; color: #ff00ff; text-shadow: 1px 1px #00ffff; text-decoration: none;">[别想逃]</a> <style> @keyframes sp-jump-1997-close { from { transform: translateY(0px); } to { transform: translateY(-5px); } }
- spamton-close-btn-1997 { animation: sp-jump-1997-close 1s infinite alternate; }
</style>