Example:时代起：修订间差异

2026年10月1日 (四) 13:47的最新版本

一个带呼吸角标、背景隐标题、色条与引言的页面顶部标题组件。

完整调用示例

{{时代起
| 背景标题 = 时代之启
| 顶标     = -- RITE OF THE OLD DAYS --
| 大标题   = 旧日礼葬
| 色条文字 = HEX EPOCH ↹ 海塞纪年
| 年份     = 000000
| 引言     = 末日无声的丧钟宣判着往日的终结<br>无数个世界奔向同一个罪火<br><br>旧日已逝，而新日蒙尘
}}

⇱

▣

时代之启

-- RITE OF THE OLD DAYS --

旧日礼葬

HEX EPOCH ↹ 海塞纪年

000000

末日无声的丧钟宣判着往日的终结
无数个世界奔向同一个罪火

旧日已逝，而新日蒙尘

参数说明

参数	可选值	默认	说明
背景标题	任意文字	时代之启	大标题背后的大号浅色水印，不填则回退到「标题」参数
标题	任意文字	无	「背景标题」的备用回退值，仅在「背景标题」为空时生效
顶标	任意文字	-- RITE OF THE OLD DAYS --	大标题上方的灰色小字，使用 Seldom Scene 字体
大标题	任意文字	旧日礼葬	主标题，使用微软雅黑字体
色条文字	任意文字	HEX EPOCH ↹ 海塞纪年	色条上的文字，使用 Roguedash Solid 字体
年份	任意文字	000000	引言左侧的大号数字，使用 Seldom Scene 字体
引言	任意文字，可含 <br>	见上	右侧引言区，支持换行标签

注意事项

四个角的装饰符号使用呼吸变换组件，呼吸周期 2.5 秒，发光颜色 #d40000。无法更换符号和颜色，如果您需要自定义，不要修改源码而是复制后在你的页面自己修改
组件整体宽度为 100%，高度由内容撑开，适合放在页面顶部作为章节标题。
「背景标题」是水印层，透明度 0.04，不响应鼠标事件。
「顶标」的 text-align-last:justify 会让字符两端对齐，短文本可能看不出效果。
字体类 font-yahei、font-seldom、font-rogue 来自 MediaWiki:citizen.css，详见 Example:字体调用。
该组件使用 position:absolute 定位多个图层，外层容器需要足够的顶部空间，避免与其他元素重叠。

@@ 第1行： / 第1行： @@
-<div style="position:relative;z-index:4;">
+[[Template:时代起]]
-<center>
-<div style="margin:0 auto;display:inline-block;width:100%;position:relative;">
-<!-- 背景隐标题：占满整个组件背后 -->
+一个带呼吸角标、背景隐标题、色条与引言的页面顶部标题组件。
-<div style="position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:10em;opacity:0.04;line-height:1;white-space:nowrap;z-index:0;pointer-events:none;text-align:center;overflow:hidden;"><span class="font-yahei">{{{背景标题|{{{标题|时代之启}}}}}}</span></div>
-<!-- 大标题：颜色跟随主题，不硬编码 -->
+==== 完整调用示例 ====
-<div style="position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:70px;font-weight:bold;text-align:center;white-space:nowrap;z-index:2;"><span class="font-yahei">{{{大标题|旧日礼葬}}}</span></div>
-<!-- 色条：占满整个容器宽度 -->
+<pre>
-<div style="position:absolute;top:85px;left:0;right:0;height:20px;background:linear-gradient(90deg,#8b1a2b 0%,#d64000 50%,#8b1a2b 100%);color:#fff;text-align:center;line-height:20px;font-size:20px;white-space:nowrap;overflow:hidden;z-index:2;" class="font-rogue">{{{色条文字|HEX EPOCH ↹ 海塞纪年}}}</div>
+{{时代起
+| 背景标题 = 时代之启
+| 顶标     = -- RITE OF THE OLD DAYS --
+| 大标题   = 旧日礼葬
+| 色条文字 = HEX EPOCH ↹ 海塞纪年
+| 年份     = 000000
+| 引言     = 末日无声的丧钟宣判着往日的终结<br>无数个世界奔向同一个罪火<br><br>旧日已逝，而新日蒙尘
+}}
+</pre>
+{{时代起
+| 背景标题 = 时代之启
+| 顶标     = -- RITE OF THE OLD DAYS --
+| 大标题   = 旧日礼葬
+| 色条文字 = HEX EPOCH ↹ 海塞纪年
+| 年份     = 000000
+| 引言     = 末日无声的丧钟宣判着往日的终结<br>无数个世界奔向同一个罪火<br><br>旧日已逝，而新日蒙尘
+}}
+==== 参数说明 ====
-<!-- 引言 -->
+{| class="wikitable"
-<div style="margin-top:90px;display:flex;align-items:flex-start;justify-content:center;width:100%;position:relative;z-index:2;">
+! 参数 !! 可选值 !! 默认 !! 说明
-<div style="text-align:center;font-size:10px;width:300px;font-family:Arial,sans-serif;">
+|-
-<big><big><big><big><big><big><span class="font-seldom">{{{年份|000000}}}</span></big></big></big></big></big></big><br>{{{引言|末日无声的丧钟宣判着往日的终结<br>无数个世界奔向同一个罪火}}}
+| 背景标题 || 任意文字 || 时代之启 || 大标题背后的大号浅色水印，不填则回退到「标题」参数
-</div>
+|-
-</div>
+| 标题 || 任意文字 || 无 || 「背景标题」的备用回退值，仅在「背景标题」为空时生效
+|-
+| 顶标 || 任意文字 || -- RITE OF THE OLD DAYS -- || 大标题上方的灰色小字，使用 Seldom Scene 字体
+|-
+| 大标题 || 任意文字 || 旧日礼葬 || 主标题，使用微软雅黑字体
+|-
+| 色条文字 || 任意文字 || HEX EPOCH ↹ 海塞纪年 || 色条上的文字，使用 Roguedash Solid 字体
+|-
+| 年份 || 任意文字 || 000000 || 引言左侧的大号数字，使用 Seldom Scene 字体
+|-
+| 引言 || 任意文字，可含 &lt;br&gt; || 见上 || 右侧引言区，支持换行标签
+|}
-</div>
+==== 注意事项 ====
-</center>
-</div>
+* 四个角的装饰符号使用 [[Template:呼吸变换|呼吸变换]] 组件，呼吸周期 <code>2.5</code> 秒，发光颜色 <code>#d40000</code>。无法更换符号和颜色，如果您需要自定义，不要修改源码而是复制后在你的页面自己修改
+* 组件整体宽度为 <code>100%</code>，高度由内容撑开，适合放在页面顶部作为章节标题。
+* 「背景标题」是水印层，透明度 <code>0.04</code>，不响应鼠标事件。
+* 「顶标」的 <code>text-align-last:justify</code> 会让字符两端对齐，短文本可能看不出效果。
+* 字体类 <code>font-yahei</code>、<code>font-seldom</code>、<code>font-rogue</code> 来自 [[MediaWiki:citizen.css]]，详见 [[Example:字体调用]]。
+* 该组件使用 <code>position:absolute</code> 定位多个图层，外层容器需要足够的顶部空间，避免与其他元素重叠。