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