Example:巨型头标题:修订间差异
来自ANACHRONISM
更多操作
字体类名同步替换:配合 MediaWiki:Citizen.css 的展示字体替换,按字体名重命名类名调用(font-seldom→font-tesla、font-script→font-ballet、font-rogue→font-college、font-milton→font-chrontor、font-narrow→font-cinzel、font-yahei→font-noto) |
|||
| 第48行: | 第48行: | ||
* 正文区固定宽度 <code>240px</code>,居中显示,支持 <code><br></code> 换行。 | * 正文区固定宽度 <code>240px</code>,居中显示,支持 <code><br></code> 换行。 | ||
* 组件最外层含 <code>overflow:hidden</code>,水印超出部分会被裁掉。 | * 组件最外层含 <code>overflow:hidden</code>,水印超出部分会被裁掉。 | ||
* 字体类 <code>font-rubik</code>、<code>font- | * 字体类 <code>font-rubik</code>、<code>font-noto</code> 来自 [[MediaWiki:Citizen.css]],详见 [[Example:字体调用]]。 | ||
* 组件宽度为 <code>100%</code>,适合作为页面顶部的巨型标题。 | * 组件宽度为 <code>100%</code>,适合作为页面顶部的巨型标题。 | ||
2026年10月5日 (一) 23:37的最新版本
一个带背景水印、英文标题、色条与正文的巨型头标题组件。
完整调用示例
{{巨型头标题
| 图片 = Banner.png
| 英文标题 = PERSON CASE
| 颜色 = #57000d
| 标签 = 位格
| 正文 = 对人与事物的称呼<br>亦即你我的边界
}}
效果:
参数说明
| 参数 | 可选值 | 默认 | 说明 |
|---|---|---|---|
| 图片 | 文件名,含扩展名 | 无 | 顶部装饰图,不填则不显示 |
| 英文标题 | 任意文字 | 无 | 色条上方的英文标题 |
| 颜色 | 任意颜色值 | #57000d | 英文标题、色条、背景水印的共用颜色 |
| 标签 | 任意文字 | 无 | 背景水印文字与色条内的文字 |
| 正文 | 任意文字,可含 <br> | 无 | 正文区内容 |
注意事项
- 背景水印为绝对定位图层,字号
6em,透明度0.08,居中显示,不响应鼠标事件。 - 英文标题使用 Rubik 字体,字号
2.7em,颜色跟随「颜色」参数。 - 色条宽
340px、高16px,内部文字白色居中,字号14px。 - 「标签」参数同时用于背景水印与色条内文字,一处传参两处生效。
- 正文区固定宽度
240px,居中显示,支持<br>换行。 - 组件最外层含
overflow:hidden,水印超出部分会被裁掉。 - 字体类
font-rubik、font-noto来自 MediaWiki:Citizen.css,详见 Example:字体调用。 - 组件宽度为
100%,适合作为页面顶部的巨型标题。