@@ 第1行： / 第1行： @@
-信息框是放在页面右上角的资料卡（就是 NPC、地点、玩家页面右边那个竖条）。本页教你怎么做一个，'''照着改就行，不用懂原理'''。
+信息框是放在页面右上角的资料卡（NPC、地点、玩家页面右边那个竖条）。
 == 最简单的例子 ==
 把下面这段复制到你的页面顶部，改成你的内容即可：
 <pre>
 {{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|内容=
@@ 第18行： / 第18行： @@
 {{信息框行|喜好|阅读、园艺}}
 }}
+<div style="clear:right;"></div>
+-----
+== 工具栏预设 ==
+编辑页面时，工具栏 →「Noblecraft 格式」→「信息框」页提供 5 个预设按钮，点击即可插入完整骨架。下方为各预设的渲染效果。
+'''- 预填字段可以随意修改'''
+=== NPC ===
+紫色配色。预填字段：头衔 / 所属势力 / 所在地 / 身份 / 登场。
+{{信息框|类型=npc|标题=克丽丝塔|内容=
+{{信息框行|头衔|xxx}}
+{{信息框行|所属势力|xxx}}
+{{信息框行|所在地|xxx}}
+{{信息框行|身份|xxx}}
+{{信息框行|登场|xxx}}
+}}
+<div style="clear:right;"></div>
+=== 地点 ===
+青色配色。预填字段：类型 / 所在世界 / 坐标 / 如何到达 / 管理者。
+{{信息框|类型=place|标题=诺波尔堡|内容=
+{{信息框行|类型|xxx}}
+{{信息框行|所在世界|主世界}}
+{{信息框行|坐标|X:128, Z:-340}}
+{{信息框行|如何到达|xxx}}
+{{信息框行|管理者|xxx}}
+}}
+<div style="clear:right;"></div>
+=== 玩家 ===
+金色配色。预填字段：加入时间 / 权限组 / 所在聚落 / 擅长。
+{{信息框|类型=player|标题=玩家ID|内容=
+{{信息框行|加入时间|2026年6月}}
+{{信息框行|权限组|建造者}}
+{{信息框行|所在聚落|xxx镇}}
+{{信息框行|擅长|建筑、红石}}
+}}
+<div style="clear:right;"></div>
+=== 纯色 ===
+任意单色，通过 <code>颜色=</code> 参数传入。下方示例使用 <code>颜色=#1a6b7d</code>。
+{{信息框|颜色=#1a6b7d|标题=任意标题|内容=
+{{信息框行|字段一|示例值}}
+{{信息框行|字段二|示例值}}
+{{信息框行|字段三|示例值}}
+}}
+<div style="clear:right;"></div>
+=== 渐变 ===
+任意渐变色，<code>颜色=</code> 参数填 <code>linear-gradient(...)</code> 形式。下方示例使用 <code>颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)</code>。
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#3f94d5)|标题=任意标题|内容=
+{{信息框行|字段一|示例值}}
+{{信息框行|字段二|示例值}}
+{{信息框行|字段三|示例值}}
+}}
+<div style="clear:right;"></div>
+-----
 == 三步学会 ==
 '''第一步：写外框'''
-<pre>{{信息框|类型=npc|标题=名字|图片=图片文件名.png|内容=
+<pre>{{信息框|类型=npc|标题=名字|图片=图片文件名.png|图注=图片说明|内容=
 ...这里放一行行内容...
 }}</pre>
 * '''类型''' 决定颜色：<code>npc</code> 紫色 / <code>place</code> 青色 / <code>player</code> 金色
 * '''标题''' 就是资料卡顶部的大字（名字/地名）
-* '''图片''' 填你上传的图片文件名；没有图就把这项删掉
+* '''图片''' 填你上传的图片文件名；没有图就把这项留空或删掉
+* '''图注''' 是图片下方的小字说明，可选，不需要就留空或删掉
 '''第二步：自己加行'''
-在 <code>内容=</code> 下面，想加几行就加几行，每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>：
+在 <code>内容=</code> 下面，每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>：
 <pre>{{信息框行|头衔|王女}}
 {{信息框行|身高|165cm}}
 {{信息框行|喜好|阅读、园艺}}
-{{信息框行|口头禅|愿先祖指引你}}</pre>
+{{信息框行|口头禅|你好啊}}</pre>
-* 竖线 <code>|</code> 左边是这一行的'''标题'''（你随便写，"喜好""讨厌""身高"都行）
-* 竖线右边是'''内容'''
+竖线 <code>|</code> 左边是这一行的字段名，你自己定（"喜好""讨厌""身高"都行）；右边是内容。行的先后顺序就是显示顺序。
-* 这就是自由的地方：'''想要什么行，就自己加什么行'''
 '''第三步（可选）：加个分段标题'''
@@ 第44行： / 第121行： @@
 想把资料卡分成几段（比如下半部分放"背景故事"），插一行 <code><nowiki>{{信息框段|段落标题}}</nowiki></code>：
 <pre>{{信息框段|背景故事}}
-{{信息框行| |她自幼在大图书室长大……}}</pre>
+{{信息框行| |她自幼在诺波尔堡长大..}}</pre>
+-----
+== 自定义颜色 ==
+三种预设（npc / place / player）之外，<code>颜色</code> 参数可指定任意配色，写了它会覆盖 <code>类型</code> 的默认值。
+'''单色（十六进制）：'''
+<pre>{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
+{{信息框行|类型|建筑}}
+{{信息框行|人口|10}}
+}}</pre>
+{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
+{{信息框行|类型|建筑}}
+{{信息框行|人口|10}}}}
+'''渐变（任意角度、任意配色）：'''
+<pre>{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}</pre>
+{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}
+色值可借助工具栏的 🎨 取色器获取：
+# 编辑器格式组里点 '''🎨 颜色'''（位于粗体、斜体那一行）
+# 在弹出面板的"自定义"色块上调出系统取色器，选好颜色
+# 点 '''📋''' 复制色值
+# 粘到信息框的 <code>颜色=</code> 后面
+-----
 == 完整示例 ==
 <pre>
-{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|内容=
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
-{{信息框行|头衔|王女}}
+{{信息框行|爱好|摄影 发呆}}
-{{信息框行|势力|王室}}
+{{信息框行|势力|Noblecraft？}}
 {{信息框行|所在地|诺波尔堡}}
-{{信息框行|喜好|阅读、园艺}}
+{{信息框行|剧情|吃饱了出来散步}}
-{{信息框段|背景故事}}
-{{信息框行| |自幼在大图书室长大，立志续写先祖的荣光。}}
 }}
 </pre>
+{{信息框|颜色=#fec2ff|标题=诺布|图片=诺布.png|图注=诺布大头照|内容=
+{{信息框行|爱好|摄影 发呆}}
+{{信息框行|势力|Noblecraft？}}
+{{信息框行|所在地|诺波尔堡}}
+{{信息框行|剧情|吃饱了出来散步}}
+}}
 == 小提示 ==
-* 三种颜色对应三类页面：NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>。
-* 不会上传图片？先去 [[Special:Upload|上传文件]] 传图，记住文件名再填进 <code>图片=</code>。
+* 三种预设颜色对应三类页面：NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>。要别的色调就直接用 <code>颜色=</code> 覆盖。
-* 行的顺序就是显示的顺序，想调整顺序就调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后。
+* 图片需先去 [[Special:Upload|上传文件]] 上传，再把文件名填进 <code>图片=</code>。
+* 行的顺序就是显示的顺序，调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后即可。
 [[分类:帮助]]

Help:信息框：修订间差异