MediaWiki:Centralnotice-template-raise money:修订间差异
更多操作
第5行: | 第5行: | ||
<!-- 外部 Wrapper --> | <!-- 外部 Wrapper --> | ||
<div id="spamton-wrapper-1997 | <div id="spamton-wrapper-1997"> | ||
<div | <div class="sp-animated-border"> | ||
<!-- 内部滚动容器 --> | <!-- 内部滚动容器 --> | ||
<div id="spamton-chaos-container-1997" | <div id="spamton-chaos-container-1997"> | ||
<!-- 90年代灵魂核心:TABLE布局和MARQUEE!--> | <!-- 90年代灵魂核心:TABLE布局和MARQUEE!--> | ||
<table | <table class="layout-table"> | ||
<tbody> | <tbody> | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
<h1 class="rainbow-text | <h1 class="main-title rainbow-text"> | ||
<span class="new-text-fx">【新!!】</span> | <span class="new-text-fx">【新!!】</span> | ||
欢迎来到我的【赛博老家】! | 欢迎来到我的【赛博老家】! | ||
第82行: | 第25行: | ||
<tr> | <tr> | ||
<td> | <td> | ||
<marquee behavior="scroll" direction="left" scrollamount="8 | <marquee class="scrolling-text" behavior="scroll" direction="left" scrollamount="8"> | ||
现在就是你的机会!成为一个【大人物】!限时优惠!点击下面的按钮!交易!交易!交易!KROMER!KROMER!KROMER! | 现在就是你的机会!成为一个【大人物】!限时优惠!点击下面的按钮!交易!交易!交易!KROMER!KROMER!KROMER! | ||
</marquee> | </marquee> | ||
第88行: | 第31行: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td class="content-cell"> | ||
<p>嘿【小家伙】!你看到了吗?我们的【点击率】正在<span class="rainbow-text">【一路狂飙】</span>!</p> | <p>嘿【小家伙】!你看到了吗?我们的【点击率】正在<span class="rainbow-text">【一路狂飙】</span>!</p> | ||
<div class="hit-counter | <div class="hit-counter">VISITORS: 781997</div> | ||
<p>但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!</p> | <p>但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了!</p> | ||
<p>这个网站会变成... <span class="glitch-text" data-text="404 NOT FOUND | <p>这个网站会变成... <span class="glitch-text" data-text="404 NOT FOUND">404 NOT FOUND</span></p> | ||
<p | <p class="deal-text">快!用你的【心形物体】进行一笔<span class="rainbow-text">【无法拒绝的交易】</span>!</p> | ||
<a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button"> | <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button"> | ||
第99行: | 第42行: | ||
</a> | </a> | ||
<p | <p class="fine-print"> | ||
*所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。 | *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。 | ||
</p> | </p> | ||
第106行: | 第49行: | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
<div | <div class="dollar-sign-container"> | ||
<span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span> | <span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span><span class="dollar-fx">$</span> | ||
</div> | </div> | ||
第125行: | 第68行: | ||
<!-- 关闭按钮 --> | <!-- 关闭按钮 --> | ||
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false | <a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;"> | ||
<span class="rainbow-text">[ X 关闭这个【交易】 ]</span> | <span class="rainbow-text">[ X 关闭这个【交易】 ]</span> | ||
</a> | </a> | ||
<style> | <style> | ||
@keyframes sp-rainbow-anim-1997 | /* =================================== */ | ||
#spamton-close-btn-1997 .rainbow-text { animation: sp-rainbow-anim-1997 | /* 基础和动画样式 */ | ||
/* =================================== */ | |||
/* 外部容器 */ | |||
#spamton-wrapper-1997 { | |||
position: relative; | |||
margin: 15px; | |||
overflow: hidden; | |||
padding: 10px; | |||
background-color: #000; | |||
} | |||
.sp-animated-border { | |||
border: 10px solid; | |||
border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; | |||
animation: sp-container-pulse-1997 2s infinite; | |||
} | |||
/* 内部容器 */ | |||
#spamton-chaos-container-1997 { | |||
font-family: 'Courier New', 'Comic Sans MS', monospace; | |||
text-align: center; | |||
padding: 10px; | |||
position: relative; | |||
background-color: #000033; | |||
color: #ffffff; | |||
height: 500px; /* 在大屏幕上保持固定高度和滚动条 */ | |||
overflow-y: scroll; | |||
overflow-x: hidden; | |||
animation: sp-intense-shake-1997 0.5s infinite; | |||
} | |||
/* 动画定义 */ | |||
@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)} 30%{transform:translate(4px,3px) rotate(0deg)} 40%{transform:translate(2px,-2px) rotate(1deg)} 50%{transform:translate(-2px,3px) rotate(-1deg)} 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)} 100%{transform:translate(2px,-3px) rotate(-1deg)} } | |||
@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-blink-1997 { 50% { opacity: 0; } } | |||
@keyframes sp-jump-1997 { from { transform: translateY(0px) scale(1); } to { transform: translateY(-8px) scale(1.2); } } | |||
@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); } } | |||
/* 滚动条样式 */ | |||
#spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; } | |||
#spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient(45deg, #000, #000 5px, #ff00ff 5px, #ff00ff 10px); border-left: 2px solid #ffff00; } | |||
#spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; border: 3px outset #00ffff; box-shadow: 0 0 10px #ffff00; } | |||
#spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; } | |||
/* =================================== */ | |||
/* 元素样式 */ | |||
/* =================================== */ | |||
.layout-table { | |||
width: 100%; | |||
border: 0; | |||
border-spacing: 5px; /* 代替 cellspacing */ | |||
} | |||
.layout-table td { | |||
padding: 10px; /* 代替 cellpadding */ | |||
} | |||
.main-title { | |||
font-family: 'Impact', sans-serif; | |||
font-size: 2.5em; | |||
text-shadow: 3px 3px #000; | |||
} | |||
.scrolling-text { | |||
color: #ffff00; | |||
font-size: 22px; | |||
font-weight: bold; | |||
text-shadow: 1px 1px #ff00ff; | |||
} | |||
.content-cell { | |||
line-height: 1.6; | |||
color: #fff; | |||
} | |||
.hit-counter { | |||
border: 2px inset #00ffff; | |||
background: #000; | |||
color: #00ff00; | |||
padding: 5px 15px; | |||
display: inline-block; | |||
margin: 10px auto; | |||
text-shadow: 0 0 5px #00ff00; | |||
} | |||
.glitch-text { | |||
position: relative; | |||
display: inline-block; | |||
text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; | |||
font-size: 32px; | |||
color: red; | |||
} | |||
.glitch-text::before, .glitch-text::after { | |||
content: attr(data-text); | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
background: #000033; | |||
overflow: hidden; | |||
} | |||
.glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } | |||
.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; } | |||
.deal-text { | |||
font-size: 22px; | |||
font-style: italic; | |||
} | |||
.crazy-button { | |||
background-color: #ffff00; | |||
color: #000; | |||
border: 5px outset #ff00ff; | |||
padding: 15px 30px; | |||
font-size: 28px; | |||
font-weight: 900; | |||
text-decoration: none; | |||
cursor: crosshair; | |||
display: inline-block; | |||
margin-top: 20px; | |||
box-shadow: 0 0 25px #ffff00, inset 0 0 10px #000; | |||
transition: all .05s ease; | |||
transform: skew(-15deg); | |||
} | |||
.crazy-button:hover { | |||
background-color: #00ff00; | |||
color: #ff00ff; | |||
border-color: #ffff00; | |||
animation: sp-intense-shake-1997 .2s infinite; | |||
transform: scale(1.2) skew(15deg); | |||
} | |||
.fine-print { | |||
font-size: 12px; | |||
color: #aaa; | |||
padding-top: 20px; | |||
} | |||
.dollar-sign-container { | |||
font-size: 30px; | |||
margin-top: 15px; | |||
} | |||
.dollar-fx { | |||
display: inline-block; | |||
font-weight: bold; | |||
animation: sp-rainbow-anim-1997 0.5s infinite, sp-jump-1997 0.3s infinite alternate; | |||
margin: 0 5px; | |||
} | |||
.ascii-box { | |||
border: 2px dashed #ffff00; | |||
padding: 10px; | |||
margin: 20px auto; | |||
color: #00ff00; | |||
white-space: pre; /* 在大屏幕上保留格式 */ | |||
width: fit-content; | |||
text-align: left; | |||
overflow-x: auto; /* 为防万一,添加水平滚动条 */ | |||
} | |||
/* 通用效果类 */ | |||
.rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } | |||
.new-text-fx { | |||
font-weight: bold; | |||
font-style: italic; | |||
animation: sp-rainbow-anim-1997 1s infinite, sp-blink-1997 0.7s infinite; | |||
text-shadow: 0 0 5px #fff; | |||
padding: 0 10px; | |||
} | |||
/* 关闭按钮 */ | |||
#spamton-close-btn-1997 { | |||
display: block; | |||
text-align: center; | |||
font-family: 'Impact', sans-serif; | |||
font-size: 20px; | |||
text-decoration: none; | |||
margin-top: 10px; | |||
} | |||
#spamton-close-btn-1997 .rainbow-text { | |||
animation: sp-rainbow-anim-1997 1s linear infinite; | |||
text-shadow: 2px 2px #000; | |||
} | |||
/* =================================== */ | |||
/* 【响应式修复】 */ | |||
/* 针对小屏幕设备 (宽度小于等于 768px) */ | |||
/* =================================== */ | |||
@media (max-width: 768px) { | |||
/* 让内部容器高度自适应,取消内部滚动,改为滚动整个页面 */ | |||
#spamton-chaos-container-1997 { | |||
height: auto; | |||
overflow-y: visible; | |||
padding: 5px; | |||
} | |||
/* 缩小标题字体 */ | |||
.main-title { | |||
font-size: 1.8em; | |||
} | |||
/* 缩小关键文本字体 */ | |||
.scrolling-text, .deal-text { | |||
font-size: 18px; | |||
} | |||
.glitch-text { | |||
font-size: 24px; | |||
} | |||
/* 调整按钮,使其在小屏幕上更合理 */ | |||
.crazy-button { | |||
font-size: 20px; | |||
padding: 10px 20px; | |||
transform: skew(-10deg); | |||
} | |||
.crazy-button:hover { | |||
transform: scale(1.1) skew(10deg); | |||
} | |||
/* 关键修复:让 ASCII 艺术盒子可以换行 */ | |||
.ascii-box { | |||
white-space: pre-wrap; /* 允许长文本换行 */ | |||
word-break: break-all; /* 强制在任何地方断开单词 */ | |||
width: 90%; /* 宽度占父容器的90% */ | |||
font-size: 0.8em; /* 稍微缩小字体 */ | |||
} | |||
/* 缩小边距和内边距,节省空间 */ | |||
#spamton-wrapper-1997 { | |||
margin: 5px; | |||
padding: 5px; | |||
} | |||
.sp-animated-border { | |||
border-width: 5px; | |||
} | |||
} | |||
</style> | </style> |
2025年7月7日 (一) 19:42的版本
【新!!】 欢迎来到我的【赛博老家】! 【新!!】 |
<marquee class="scrolling-text" behavior="scroll" direction="left" scrollamount="8"> 现在就是你的机会!成为一个【大人物】!限时优惠!点击下面的按钮!交易!交易!交易!KROMER!KROMER!KROMER! </marquee> |
嘿【小家伙】!你看到了吗?我们的【点击率】正在【一路狂飙】! VISITORS: 781997
但这个【知识天堂】需要你的【KROMER】来维持!没有它,我们就要被【踢出】这个【网络空间】了! 这个网站会变成... 404 NOT FOUND 快!用你的【心形物体】进行一笔【无法拒绝的交易】! <a href="https://afdian.com/a/ottohub" target="_blank" class="crazy-button"> 【点此成为大人物!】 </a> *所有KROMER概不退还。本站使用cookies,点击即表示您同意分享您的【心形物体】。 |
$$$$$ +------------------------------+ | BEST VIEWED WITH... | | A BIG SHOT'S [[KROMER]] | +------------------------------+ |
<a id="spamton-close-btn-1997" href="#" title="关闭" onclick="mw.centralNotice.hideBanner();return false;">
[ X 关闭这个【交易】 ]
</a>
<style>
/* =================================== */
/* 基础和动画样式 */
/* =================================== */
/* 外部容器 */
- spamton-wrapper-1997 {
position: relative; margin: 15px; overflow: hidden; padding: 10px; background-color: #000;
}
.sp-animated-border {
border: 10px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1; animation: sp-container-pulse-1997 2s infinite;
}
/* 内部容器 */
- spamton-chaos-container-1997 {
font-family: 'Courier New', 'Comic Sans MS', monospace; text-align: center; padding: 10px; position: relative; background-color: #000033; color: #ffffff; height: 500px; /* 在大屏幕上保持固定高度和滚动条 */ overflow-y: scroll; overflow-x: hidden; animation: sp-intense-shake-1997 0.5s infinite;
}
/* 动画定义 */ @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)} 30%{transform:translate(4px,3px) rotate(0deg)} 40%{transform:translate(2px,-2px) rotate(1deg)} 50%{transform:translate(-2px,3px) rotate(-1deg)} 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)} 100%{transform:translate(2px,-3px) rotate(-1deg)} } @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-blink-1997 { 50% { opacity: 0; } } @keyframes sp-jump-1997 { from { transform: translateY(0px) scale(1); } to { transform: translateY(-8px) scale(1.2); } } @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); } }
/* 滚动条样式 */
- spamton-chaos-container-1997::-webkit-scrollbar { width: 20px; }
- spamton-chaos-container-1997::-webkit-scrollbar-track { background: repeating-linear-gradient(45deg, #000, #000 5px, #ff00ff 5px, #ff00ff 10px); border-left: 2px solid #ffff00; }
- spamton-chaos-container-1997::-webkit-scrollbar-thumb { background-color: #ffff00; border: 3px outset #00ffff; box-shadow: 0 0 10px #ffff00; }
- spamton-chaos-container-1997::-webkit-scrollbar-thumb:hover { background-color: #00ff00; }
/* =================================== */ /* 元素样式 */ /* =================================== */
.layout-table {
width: 100%; border: 0; border-spacing: 5px; /* 代替 cellspacing */
}
.layout-table td {
padding: 10px; /* 代替 cellpadding */
}
.main-title {
font-family: 'Impact', sans-serif; font-size: 2.5em; text-shadow: 3px 3px #000;
}
.scrolling-text {
color: #ffff00; font-size: 22px; font-weight: bold; text-shadow: 1px 1px #ff00ff;
}
.content-cell {
line-height: 1.6; color: #fff;
}
.hit-counter {
border: 2px inset #00ffff; background: #000; color: #00ff00; padding: 5px 15px; display: inline-block; margin: 10px auto; text-shadow: 0 0 5px #00ff00;
}
.glitch-text {
position: relative; display: inline-block; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; font-size: 32px; color: red;
} .glitch-text::before, .glitch-text::after {
content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000033; overflow: hidden;
} .glitch-text::before { left: 2px; text-shadow: -2px 0 #ff00ff; animation: sp-glitch-anim-1-1997 2s infinite linear alternate-reverse; } .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; }
.deal-text {
font-size: 22px; font-style: italic;
}
.crazy-button {
background-color: #ffff00; color: #000; border: 5px outset #ff00ff; padding: 15px 30px; font-size: 28px; font-weight: 900; text-decoration: none; cursor: crosshair; display: inline-block; margin-top: 20px; box-shadow: 0 0 25px #ffff00, inset 0 0 10px #000; transition: all .05s ease; transform: skew(-15deg);
} .crazy-button:hover {
background-color: #00ff00; color: #ff00ff; border-color: #ffff00; animation: sp-intense-shake-1997 .2s infinite; transform: scale(1.2) skew(15deg);
}
.fine-print {
font-size: 12px; color: #aaa; padding-top: 20px;
}
.dollar-sign-container {
font-size: 30px; margin-top: 15px;
} .dollar-fx {
display: inline-block; font-weight: bold; animation: sp-rainbow-anim-1997 0.5s infinite, sp-jump-1997 0.3s infinite alternate; margin: 0 5px;
}
.ascii-box {
border: 2px dashed #ffff00; padding: 10px; margin: 20px auto; color: #00ff00; white-space: pre; /* 在大屏幕上保留格式 */ width: fit-content; text-align: left; overflow-x: auto; /* 为防万一,添加水平滚动条 */
}
/* 通用效果类 */ .rainbow-text { animation: sp-rainbow-anim-1997 1s infinite; font-weight: bold; } .new-text-fx {
font-weight: bold; font-style: italic; animation: sp-rainbow-anim-1997 1s infinite, sp-blink-1997 0.7s infinite; text-shadow: 0 0 5px #fff; padding: 0 10px;
}
/* 关闭按钮 */
- spamton-close-btn-1997 {
display: block; text-align: center; font-family: 'Impact', sans-serif; font-size: 20px; text-decoration: none; margin-top: 10px;
}
- spamton-close-btn-1997 .rainbow-text {
animation: sp-rainbow-anim-1997 1s linear infinite; text-shadow: 2px 2px #000;
}
/* =================================== */
/* 【响应式修复】 */
/* 针对小屏幕设备 (宽度小于等于 768px) */
/* =================================== */
@media (max-width: 768px) {
/* 让内部容器高度自适应,取消内部滚动,改为滚动整个页面 */ #spamton-chaos-container-1997 { height: auto; overflow-y: visible; padding: 5px; }
/* 缩小标题字体 */ .main-title { font-size: 1.8em; }
/* 缩小关键文本字体 */ .scrolling-text, .deal-text { font-size: 18px; } .glitch-text { font-size: 24px; }
/* 调整按钮,使其在小屏幕上更合理 */ .crazy-button { font-size: 20px; padding: 10px 20px; transform: skew(-10deg); } .crazy-button:hover { transform: scale(1.1) skew(10deg); }
/* 关键修复:让 ASCII 艺术盒子可以换行 */ .ascii-box { white-space: pre-wrap; /* 允许长文本换行 */ word-break: break-all; /* 强制在任何地方断开单词 */ width: 90%; /* 宽度占父容器的90% */ font-size: 0.8em; /* 稍微缩小字体 */ } /* 缩小边距和内边距,节省空间 */ #spamton-wrapper-1997 { margin: 5px; padding: 5px; } .sp-animated-border { border-width: 5px; }
} </style>