打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Centralnotice-template-raise money:修订间差异

MediaWiki界面页面
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
第1行: 第1行:
<!--  
<!--  
     START OF [CONTAINMENT UNIT] PROCEDURE.
     INITIATING [SCROLLABLE CHAOS] PROTOCOL.
     SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT.
     SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT UNIT.
     STATUS: CHAOS FULLY CONTAINED. GLOBAL STABILITY: 100%.
     CONTAINMENT STATUS: STABLE. INTERNAL ANOMALY: SCROLLABLE.
-->
-->


<!-- 步骤 1: 创建一个稳定、安静的外部 "结界" (Wrapper) -->
<!-- 步骤 1: 外部 "结界" Wrapper 保持不变。它提供稳定的布局占位和抖动裁剪。-->
<!-- 它负责在页面上占位,且自身完全静止。overflow: hidden 是关键,它会裁剪掉内部容器抖动时“溢出”的部分。-->
<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;
    <!-- 注意:已经将 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;">
    height: 450px; /* 你可以调整这个高度 */
    overflow-y: scroll;
    overflow-x: hidden; /* 防止横向滚动条出现 */
    ">


     <style>
     <style>
         /* CSS部分保持不变,因为它们已经被ID作用域限定了 */
         /* 动画部分保持不变 */
         @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; } }
            0% { border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 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); } }
            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-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); } }
            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 { 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 .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>
     </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; animation: sp-jump-1997 1s infinite; text-shadow: 1px 1px #00ffff; text-decoration: none;">[别想逃]</a>
<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); } }

  1. spamton-close-btn-1997 { animation: sp-jump-1997-close 1s infinite alternate; }

</style>