Example:三级行标题1:修订间差异
来自ANACHRONISM
更多操作
无编辑摘要 |
|||
| 第98行: | 第98行: | ||
* 三角形在整行内垂直居中并上提 <code>0.2em</code>,与编号、标题、英文标题底部对齐的视觉重心更平衡。 | * 三角形在整行内垂直居中并上提 <code>0.2em</code>,与编号、标题、英文标题底部对齐的视觉重心更平衡。 | ||
* 三角形阴影使用 <code>filter:drop-shadow</code> 而非 <code>box-shadow</code>,因为 <code>clip-path</code> 会裁剪掉 box-shadow。 | * 三角形阴影使用 <code>filter:drop-shadow</code> 而非 <code>box-shadow</code>,因为 <code>clip-path</code> 会裁剪掉 box-shadow。 | ||
* 「转动」参数传任意值即调用 [[Template:旋转变换]],每次转 | * 「转动」参数传任意值即调用 [[Template:旋转变换]],每次转 180°,关闭呼吸发光。 | ||
* 编号默认使用等宽字体 <code>font-mono</code>,标题与英文标题不传字体时继承页面默认字体。 | * 编号默认使用等宽字体 <code>font-mono</code>,标题与英文标题不传字体时继承页面默认字体。 | ||
* 字体类来自 [[MediaWiki:Citizen.css]],详见 [[Example:字体调用]]。 | * 字体类来自 [[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:字体调用。