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

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

MediaWiki界面页面
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
棍牧典
棍牧典留言 | 贡献 ((InPageEdit-preference-summary-default))
第1行: 第1行:
<!--  
<!--  
     START OF [SELF-CONTAINED] SPAMTON G. SPAMTON ADVERTISEMENT UNIT.
     START OF [CONTAINMENT UNIT] PROCEDURE.
     ALL STYLES AND ANIMATIONS ARE [HYPERLINK BLOCKED] INSIDE.
    SUBJECT: SPAMTON G. SPAMTON ADVERTISEMENT.
    GUARANTEED [[NO GLOBAL SIDE-EFFECTS]] OR YOUR [[KROMER]] BACK! (Offer not valid)
     STATUS: CHAOS FULLY CONTAINED. GLOBAL STABILITY: 100%.
-->
-->
<div id="spamton-chaos-container-1997" style="font-family: 'Comic Sans MS', 'Courier New', monospace; text-align: center; padding: 25px; margin: 15px; 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;">


<style>
<!-- 步骤 1: 创建一个稳定、安静的外部 "结界" (Wrapper) -->
    /* 给所有动画名称加上独一无二的前缀,防止冲突 */
<!-- 它负责在页面上占位,且自身完全静止。overflow: hidden 是关键,它会裁剪掉内部容器抖动时“溢出”的部分。-->
    @keyframes sp-container-pulse-1997 {
<div id="spamton-wrapper-1997" style="position: relative; margin: 15px; overflow: hidden;">
        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); } }
     <!-- 步骤 2: 将我们原来的“疯狂盒子”放进结界里 -->
     @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } }
    <!-- 它现在可以在这个结界内部自由地抖动和缩放,但无法影响外部布局。 -->
   
     <!-- 注意:已经将 margin 从这个内部容器移到了外部 wrapper 上。-->
    @keyframes sp-rainbow-anim-1997 {
    <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;">
        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 {
     <style>
      from { transform: translateY(0px); } to { transform: translateY(-10px); }
        /* 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); }
        }


    /* 核心:所有样式规则都用ID选择器限定范围 */
        @keyframes sp-glitch-anim-1-1997 { 0% { clip-path: inset(10% 0 80% 0); } 100% { clip-path: inset(40% 0 20% 0); } }
    #spamton-chaos-container-1997 .glitch-text {
        @keyframes sp-glitch-anim-2-1997 { 0% { clip-path: inset(70% 0 5% 0); } 100% { clip-path: inset(15% 0 60% 0); } }
        position: relative;
          
        display: inline-block;
         @keyframes sp-rainbow-anim-1997 {
        text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff;
            0%{color: #ff0000;} 15%{color: #ffff00;} 30%{color: #00ff00;} 45%{color: #00ffff;} 60%{color: #0000ff;} 75%{color: #ff00ff;} 100%{color: #ff0000;}
    }
         }
    #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 {
        @keyframes sp-jump-1997 {
        background-color: #ffff00;
          from { transform: translateY(0px); } to { transform: translateY(-10px); }
        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 {
        #spamton-chaos-container-1997 .glitch-text { position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; }
      display: inline-block;
        #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; }
      animation: sp-jump-1997 0.5s infinite alternate;
         #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-close-btn-1997 {
        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; /* 去掉默认下划线 */
    }
</style>


<h3 style="color: #00ffff; font-size: 3em; text-shadow: 3px 3px #ff00ff;">嘿      <span class="jumpy-text">[[小家伙]]</span>!!!!</h3>
        #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); }


<p style="font-size: 20px; line-height: 1.8;">
        #spamton-chaos-container-1997 .jumpy-text { display: inline-block; animation: sp-jump-1997 0.5s infinite alternate; }
     你想不想要【免费午餐】?想不想要【知识的海洋】?
     </style>
    但你猜怎么着?在[[现实]]这个<span class="rainbow-text">【硬核付费DLC】</span>里,连天堂的电话线都是要收费的!!!
</p>


<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>
    <span class="glitch-text" data-text="[[KROMER]]" style="font-size: 1.5em; color: #00ff00;">[[KROMER]]</span>!!
    <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>


<p style="font-family: 'Times New Roman', serif;">
    </div><!-- 结界内的疯狂盒子结束 -->
    没有它,我们就会被【管理员】从这个【赛博热土】上<span style="text-decoration: underline; color: red; font-weight: bold;">[[驱逐]]</span>
</div><!-- 稳定结界结束 -->
    这个网站会变成……会变成……
    <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>……帮助!
<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>
    就能成为一个    <span class="rainbow-text" style="font-size: 2em; letter-spacing: 5px;">[[BIG SHOT]]</span>!!!
<style>
</p>
/* 确保关闭按钮的动画和样式也封装好,这里为了简洁和可读性,单独放在外面 */
 
@keyframes sp-jump-1997 { from { transform: translateY(0px); } to { transform: translateY(-5px); } }
<a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button">
#spamton-close-btn-1997 { animation: sp-jump-1997 1s infinite alternate; }
    【点此成为大人物!】
</style>
</a>
 
<p style="font-size: 10px; color: #777; margin-top: 30px; transform: rotate(-2deg);">
    *最终解释权归[MIKE]所有。点击即表示您同意献出您的[心形物体]和浏览器cookies。无[退款保证]。祝您有[愉快]的一天。
</p>
 
</div>
<!-- 给关闭按钮也加上唯一ID -->
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">[别想逃]</a>

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); } }

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

</style>