跳转到内容

Template:Infobox Backrooms:修订间差异

轻之舟百科,让知识轻装启航
云云​(留言 | 贡献)
创建页面,内容为“<div class="sd-container" style="width: 100%; max-width: 400px; margin: 1em 0; font-family: sans-serif;"> <!-- 上半部分:标题 + 菱形 --> <div class="sd-top" style="position: relative; background: linear-gradient(90deg, #5a4a1a 0%, #f4c430 40%, #f4c430 60%, #5a4a1a 100%); padding: 12px 16px; min-height: 60px; border-radius: 4px 4px 0 0;"> <!-- 左侧文字 --> <div style="position: relative; z-index: 2;">…”
 
云云​(留言 | 贡献)
无编辑摘要
 
(未显示同一用户的5个中间版本)
第1行: 第1行:
<div class="sd-container" style="width: 100%; max-width: 400px; margin: 1em 0; font-family: sans-serif;">
<includeonly>{{#switch: {{#expr: floor( {{{等级|0}}} + 0.2 ) }}
   
| 0 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
    <!-- 上半部分:标题 + 菱形 -->
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #4ade80 40%, #4ade80 100%);padding:10px 16px;position:relative;z-index:2;">
    <div class="sd-top" style="position: relative; background: linear-gradient(90deg, #5a4a1a 0%, #f4c430 40%, #f4c430 60%, #5a4a1a 100%); padding: 12px 16px; min-height: 60px; border-radius: 4px 4px 0 0;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
       
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 0</div>
        <!-- 左侧文字 -->
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
        <div style="position: relative; z-index: 2;">
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
            <div style="font-size: 18px; font-weight: bold; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); line-height: 1.3;">
                生存难度:
            </div>
            <div style="font-size: 15px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
                等级 {{{等级|0}}}
            </div>
        </div>
       
        <!-- 右侧菱形 -->
        <div style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 50px; height: 50px; background: #f4c430; border: 2px solid #1a1a2e; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 0 10px rgba(244,196,48,0.5);">
            <div style="transform: rotate(-45deg); font-size: 24px; font-weight: bold; color: #1a1a2e;">
                {{{等级|0}}}
            </div>
        </div>
       
        <!-- 菱形背景装饰(可选) -->
        <div style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 50px; height: 50px; background: rgba(244,196,48,0.3); border: 1px solid rgba(244,196,48,0.5); z-index: 1;"></div>
    </div>
   
    <!-- 下半部分:描述列表 -->
    <div class="sd-bottom" style="background: #1a1a2e; padding: 12px 16px; border-radius: 0 0 4px 4px; border: 2px solid #857858; border-top: none;">
        <ul style="margin: 0; padding-left: 20px; list-style: none; color: #e0e0e0; line-height: 1.8;">
            {{{描述|}}}
        </ul>
    </div>
   
</div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#4ade80;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">0</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| 1 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #f5c518 40%, #f5c518 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 1</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#f5c518;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">1</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| 2 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #fb923c 40%, #fb923c 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 2</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#fb923c;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">2</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| 3 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #f87171 40%, #f87171 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 3</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#f87171;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">3</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| 4 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #ef4444 40%, #ef4444 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 4</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#ef4444;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">4</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| 5 = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #dc2626 40%, #dc2626 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 5</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#dc2626;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">5</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
| #default = <div style="background:#1a1a2e;color:#e0e0e0;margin:1em 0;position:relative;overflow:hidden;min-height:120px;border-radius:4px;">
<div style="background:linear-gradient(90deg, #4a4a4a 0%, #f5c518 40%, #f5c518 100%);padding:10px 16px;position:relative;z-index:2;">
<div style="font-size:1.5em;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size:1.2em;color:#fff;font-style:italic;">等级 {{#expr: floor( {{{等级|0}}} + 0.2 ) }}</div>
<div style="position:absolute;right:90px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
<div style="position:absolute;right:55px;top:-10px;bottom:-10px;width:40px;background:#1a1a2e;transform:skewX(-35deg);"></div>
</div>
<div style="position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:#f5c518;transform:rotate(45deg);box-shadow:-3px 3px 10px rgba(0,0,0,0.4);z-index:1;">
<div style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);">
<div style="width:55px;height:55px;border:4px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:bold;color:#1a1a2e;font-family:serif;">{{#expr: floor( {{{等级|0}}} + 0.2 ) }}</div>
</div>
</div>
<div style="padding:20px 180px 20px 24px;line-height:1.8;font-size:1.1em;">{{{描述|◆ 信息未提供}}}</div>
</div>
}}</includeonly><noinclude>
== 用法 ==
<pre>
{{Infobox Backrooms
| 等级 = 1
| 描述 = ◆ 安全<br>◆ 稳定<br>◆ 少量实体
}}
</pre>
</noinclude>

2026年6月19日 (五) 08:02的最新版本

{{Infobox Backrooms
| 等级 = 1
| 描述 = ◆ 安全<br>◆ 稳定<br>◆ 少量实体
}}