Example:三级行标题1：修订间差异
来自ANACHRONISM
更多操作
创建页面，内容为“<div style="position:relative;text-align:left;width:100%;padding:0.4em 0;box-sizing:border-box;display:flex;align-items:flex-end;"><div style="align-self:center;position:relative;top:-0.2em;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.55));margin-right:0.4em;flex-shrink:0;">{{#if:{{{转动|}}}|{{旋转变换|符号=<div style="width:1em;height:0.87em;background:{{{色块颜色|#56000d}}};clip-path:polygon(0 0,100% 0,50% 100%);"></div>|转动角=120|呼吸=off|发…” |
|||
| （未显示同一用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
[[Template:三级行标题1]] | |||
一个带三角色块装饰的三级水平标题组件，可选择性开启三角旋转。 | |||
==== 最简调用 ==== | |||
只传编号、标题与英文标题，其余使用默认值： | |||
<pre> | |||
{{三级行标题1 | |||
| 编号 = I-1 | |||
| 标题 = 位格 | |||
| 英文标题 = PERSON CASE | |||
}} | |||
</pre> | |||
效果： | |||
{{三级行标题1 | |||
| 编号 = I-1 | |||
| 标题 = 位格 | |||
| 英文标题 = PERSON CASE | |||
}} | |||
==== 完整调用示例 ==== | |||
<pre> | |||
{{三级行标题1 | |||
| 色块颜色 = #56000d | |||
| 转动 = on | |||
| 编号 = I-1 | |||
| 编号字体 = mono | |||
| 标题 = 位格 | |||
| 标题字体 = noto | |||
| 英文标题 = PERSON CASE | |||
| 英文字体 = rubik | |||
}} | |||
</pre> | |||
效果： | |||
{{三级行标题1 | |||
| 色块颜色 = #56000d | |||
| 转动 = on | |||
| 编号 = I-1 | |||
| 编号字体 = mono | |||
| 标题 = 位格 | |||
| 标题字体 = noto | |||
| 英文标题 = PERSON CASE | |||
| 英文字体 = rubik | |||
}} | |||
==== 更换色块颜色 ==== | |||
<pre> | |||
{{三级行标题1 | |||
| 色块颜色 = #0d2b3e | |||
| 编号 = II-3 | |||
| 标题 = 万类天宥 | |||
| 英文标题 = MYRIAD | |||
}} | |||
</pre> | |||
效果： | |||
{{三级行标题1 | |||
| 色块颜色 = #0d2b3e | |||
| 编号 = II-3 | |||
| 标题 = 万类天宥 | |||
| 英文标题 = MYRIAD | |||
}} | |||
==== 参数说明 ==== | |||
{| class="wikitable" | |||
! 参数 !! 可选值 !! 默认 !! 说明 | |||
|- | |||
| 色块颜色 || 任意颜色值 || #56000d || 三角形颜色 | |||
|- | |||
| 转动 || 任意值 || 空 || 传任意值即开启三角旋转，每次转 120° 顺时针 | |||
|- | |||
| 编号 || 任意文字 || 空 || 编号文字，使用等宽字体 | |||
|- | |||
| 编号字体 || 字体类后缀，如 mono、noto、rubik、cinzel、tesla、ballet、college、chrontor || mono || 编号字体 | |||
|- | |||
| 标题 || 任意文字 || 空 || 中文标题 | |||
|- | |||
| 标题字体 || 字体类后缀 || 空 || 标题字体，不传则继承页面默认字体 | |||
|- | |||
| 英文标题 || 任意文字 || 空 || 英文副标题 | |||
|- | |||
| 英文字体 || 字体类后缀 || 空 || 英文副标题字体，不传则继承页面默认字体 | |||
|} | |||
==== 注意事项 ==== | |||
* 三角色块宽 <code>1em</code>、高 <code>0.87em</code>，尖端朝下，带方向投影。 | |||
* 三角形在整行内垂直居中并上提 <code>0.2em</code>，与编号、标题、英文标题底部对齐的视觉重心更平衡。 | |||
* 三角形阴影使用 <code>filter:drop-shadow</code> 而非 <code>box-shadow</code>，因为 <code>clip-path</code> 会裁剪掉 box-shadow。 | |||
* 「转动」参数传任意值即调用 [[Template:旋转变换]]，每次转 180°，关闭呼吸发光。 | |||
* 编号默认使用等宽字体 <code>font-mono</code>，标题与英文标题不传字体时继承页面默认字体。 | |||
* 字体类来自 [[MediaWiki:Citizen.css]]，详见 [[Example:字体调用]]。 | |||
2026年10月6日 (二) 15:19的最新版本
一个带三角色块装饰的三级水平标题组件，可选择性开启三角旋转。
最简调用
只传编号、标题与英文标题，其余使用默认值：
{{三级行标题1
| 编号 = I-1
| 标题 = 位格
| 英文标题 = PERSON CASE
}}
效果：
I-1
位格
PERSON CASE
位格
完整调用示例
{{三级行标题1
| 色块颜色 = #56000d
| 转动 = on
| 编号 = I-1
| 编号字体 = mono
| 标题 = 位格
| 标题字体 = noto
| 英文标题 = PERSON CASE
| 英文字体 = rubik
}}
效果：
I-1
位格
PERSON CASE
位格
更换色块颜色
{{三级行标题1
| 色块颜色 = #0d2b3e
| 编号 = II-3
| 标题 = 万类天宥
| 英文标题 = MYRIAD
}}
效果：
II-3
万类天宥
MYRIAD
万类天宥
参数说明
| 参数 | 可选值 | 默认 | 说明 |
|---|---|---|---|
| 色块颜色 | 任意颜色值 | #56000d | 三角形颜色 |
| 转动 | 任意值 | 空 | 传任意值即开启三角旋转，每次转 120° 顺时针 |
| 编号 | 任意文字 | 空 | 编号文字，使用等宽字体 |
| 编号字体 | 字体类后缀，如 mono、noto、rubik、cinzel、tesla、ballet、college、chrontor | mono | 编号字体 |
| 标题 | 任意文字 | 空 | 中文标题 |
| 标题字体 | 字体类后缀 | 空 | 标题字体，不传则继承页面默认字体 |
| 英文标题 | 任意文字 | 空 | 英文副标题 |
| 英文字体 | 字体类后缀 | 空 | 英文副标题字体，不传则继承页面默认字体 |
注意事项
- 三角色块宽
1em、高0.87em，尖端朝下，带方向投影。 - 三角形在整行内垂直居中并上提
0.2em，与编号、标题、英文标题底部对齐的视觉重心更平衡。 - 三角形阴影使用
filter:drop-shadow而非box-shadow，因为clip-path会裁剪掉 box-shadow。 - 「转动」参数传任意值即调用 Template:旋转变换，每次转 180°，关闭呼吸发光。
- 编号默认使用等宽字体
font-mono，标题与英文标题不传字体时继承页面默认字体。 - 字体类来自 MediaWiki:Citizen.css，详见 Example:字体调用。