跳转到内容
打开/关闭搜索
打开/关闭菜单
  • 5 条目
  • 2 文件
  • 8 用户
  • 777 编辑
ANACHRONISM
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Example:三级行标题1：修订间差异

来自ANACHRONISM
更多操作
←上一编辑
可视化wikitext
Ancimen​（留言 | 贡献）
行政员、​织界者、​策展人
770次编辑
无编辑摘要
Ancimen​（留言 | 贡献）
行政员、​织界者、​策展人
770次编辑
 
（未显示同一用户的1个中间版本）
第1行： 第1行：
<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|发光=off|大小=1}}|<div style="width:1em;height:0.87em;background:{{{色块颜色|#56000d}}};clip-path:polygon(0 0,100% 0,50% 100%);"></div>}}</div><div class="font-{{{编号字体|mono}}}" style="font-size:1.5em;font-weight:bold;line-height:1;">{{{编号|}}}</div><div class="font-{{{标题字体|}}}" style="font-size:1.2em;line-height:1;margin:0 0.4em;">{{{标题|}}}</div><span class="font-{{{英文字体|}}}" style="font-size:0.9em;opacity:0.7;line-height:1;letter-spacing:0.1em;">{{{英文标题|}}}</span></div>
[[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的最新版本

Template:三级行标题1

一个带三角色块装饰的三级水平标题组件，可选择性开启三角旋转。

最简调用

只传编号、标题与英文标题，其余使用默认值： 

{{三级行标题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:字体调用。
检索自“https://anachronism.top/index.php?title=Example:三级行标题1&oldid=712”
最后修改时间
此页面最后编辑于2026年10月6日 (星期二) 15:19。