MediaWiki:Centralnotice-template-raise money:修订间差异
更多操作
第1行: | 第1行: | ||
<!-- | <!-- | ||
START OF [ | START OF [CONTAINMENT UNIT] PROCEDURE. | ||
SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT. | |||
STATUS: CHAOS FULLY CONTAINED. GLOBAL STABILITY: 100%. | |||
--> | --> | ||
< | <!-- 步骤 1: 创建一个稳定、安静的外部 "结界" (Wrapper) --> | ||
<!-- 它负责在页面上占位,且自身完全静止。overflow: hidden 是关键,它会裁剪掉内部容器抖动时“溢出”的部分。--> | |||
<div id="spamton-wrapper-1997" style="position: relative; margin: 15px; overflow: hidden;"> | |||
<!-- 步骤 2: 将我们原来的“疯狂盒子”放进结界里 --> | |||
<!-- 它现在可以在这个结界内部自由地抖动和缩放,但无法影响外部布局。 --> | |||
<!-- 注意:已经将 margin 从这个内部容器移到了外部 wrapper 上。--> | |||
<div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Courier New', monospace; text-align: center; padding: 25px; position: relative; overflow: hidden; 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;"> | |||
@keyframes sp- | <style> | ||
/* CSS部分保持不变,因为它们已经被ID作用域限定了 */ | |||
@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); } | |||
} | |||
#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; } | |||
text-shadow: | |||
text- | |||
#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; } | |||
</style> | |||
<p style="font-size: 28px; font-weight: bold;"> | <!-- 内部内容保持不变 --> | ||
<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;">你想不想要【免费午餐】?想不想要【知识的海洋】?但你猜怎么着?在[[现实]]这个<span class="rainbow-text">【硬核付费DLC】</span>里,连天堂的电话线都是要收费的!!!</p> | |||
</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-family: 'Times New Roman', serif;">没有它,我们就会被【管理员】从这个【赛博热土】上<span style="text-decoration: underline; color: red; font-weight: bold;">[[驱逐]]</span>!这个网站会变成……会变成……<span class="glitch-text" data-text="[超链接已损坏]" style="color: #ff0000; font-size: 40px; display: block; margin: 15px 0;">[超链接已损坏]</span></p> | |||
<p style="font-size: 24px; font-style: italic;">现在就是你的机会!只需要一点小小的…… <span style="text-decoration: line-through double red;">【你的灵魂】</span>……帮助!就能成为一个 <span class="rainbow-text" style="font-size: 2em; letter-spacing: 5px;">[[BIG SHOT]]</span>!!!</p> | |||
<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> | |||
< | </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; animation: sp-jump-1997 1s infinite; text-shadow: 1px 1px #00ffff; text-decoration: none;">[别想逃]</a> | |||
<style> | |||
/* 确保关闭按钮的动画和样式也封装好,这里为了简洁和可读性,单独放在外面 */ | |||
@keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-5px); } } | |||
#spamton-close-btn-1997 { animation: sp-jump-1997 1s infinite alternate; } | |||
</style> | |||
</ | |||
2025年7月7日 (一) 19:26的版本
<style> /* CSS部分保持不变,因为它们已经被ID作用域限定了 */ @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); } }
#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; } </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; animation: sp-jump-1997 1s infinite; text-shadow: 1px 1px #00ffff; text-decoration: none;">[别想逃]</a> <style> /* 确保关闭按钮的动画和样式也封装好,这里为了简洁和可读性,单独放在外面 */ @keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-5px); } }
- spamton-close-btn-1997 { animation: sp-jump-1997 1s infinite alternate; }
</style>