打开/关闭菜单
57
82
13
863
诺布百科 · Noblecraft Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。
Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
第1行: 第1行:
信息框是放在页面右上角的资料卡(NPC、地点、玩家页面右边那个竖条)。本页教你怎么做一个,'''照着改就行,不用懂原理'''
信息框是放在页面右上角的资料卡(NPC、地点、玩家页面右边那个竖条)。


== 最简单的例子 ==
== 最简单的例子 ==
第21行: 第21行:
<div style="clear:right;"></div>
<div style="clear:right;"></div>


== 工具栏一键插入(推荐) ==
== 工具栏预设 ==


不想手敲?编辑页面时,工具栏 →「Noblecraft 格式」→「'''信息框'''」页里有 5 个预设按钮,点一下就插入完整骨架。下面是每个预设的渲染效果(已填示例内容)
编辑页面时,工具栏 →「Noblecraft 格式」→「信息框」页提供 5 个预设按钮,点击即可插入完整骨架。下方为各预设的渲染效果。


=== NPC(紫色) ===
=== NPC ===


预填字段:头衔 / 所属势力 / 所在地 / 身份 / 登场
紫色配色。预填字段:头衔 / 所属势力 / 所在地 / 身份 / 登场


{{信息框|类型=npc|标题=克丽丝塔|内容=
{{信息框|类型=npc|标题=克丽丝塔|内容=
{{信息框行|头衔|王女}}
{{信息框行|头衔|xxx}}
{{信息框行|所属势力|王室}}
{{信息框行|所属势力|xxx}}
{{信息框行|所在地|诺波尔堡}}
{{信息框行|所在地|xxx}}
{{信息框行|身份|继承者}}
{{信息框行|身份|xxx}}
{{信息框行|登场|归还星辰主线}}
{{信息框行|登场|xxx}}
}}
}}


<div style="clear:right;"></div>
<div style="clear:right;"></div>


=== 地点(青色) ===
=== 地点 ===


预填字段:类型 / 所在世界 / 坐标 / 如何到达 / 管理者
青色配色。预填字段:类型 / 所在世界 / 坐标 / 如何到达 / 管理者


{{信息框|类型=place|标题=诺波尔堡|内容=
{{信息框|类型=place|标题=诺波尔堡|内容=
{{信息框行|类型|城邦}}
{{信息框行|类型|xxx}}
{{信息框行|所在世界|主世界}}
{{信息框行|所在世界|主世界}}
{{信息框行|坐标|X:128, Z:-340}}
{{信息框行|坐标|X:128, Z:-340}}
{{信息框行|如何到达|主城门户传送}}
{{信息框行|如何到达|xxx}}
{{信息框行|管理者|王室}}
{{信息框行|管理者|xxx}}
}}
}}


<div style="clear:right;"></div>
<div style="clear:right;"></div>


=== 玩家(金色) ===
=== 玩家 ===


预填字段:加入时间 / 权限组 / 所在聚落 / 擅长
金色配色。预填字段:加入时间 / 权限组 / 所在聚落 / 擅长


{{信息框|类型=player|标题=玩家ID|内容=
{{信息框|类型=player|标题=玩家ID|内容=
{{信息框行|加入时间|2026年6月}}
{{信息框行|加入时间|2026年6月}}
{{信息框行|权限组|建造者}}
{{信息框行|权限组|建造者}}
{{信息框行|所在聚落|望尘镇}}
{{信息框行|所在聚落|xxx镇}}
{{信息框行|擅长|建筑、红石}}
{{信息框行|擅长|建筑、红石}}
}}
}}
第66行: 第66行:
<div style="clear:right;"></div>
<div style="clear:right;"></div>


=== 纯色(任意单色) ===
=== 纯色 ===


点按钮后用 🎨 取色器选色,复制色值粘到 <code>颜色=</code> 后面。下面是把 <code>颜色=#1a6b7d</code> 填上的样子:
任意单色,通过 <code>颜色=</code> 参数传入。下方示例使用 <code>颜色=#1a6b7d</code>


{{信息框|颜色=#1a6b7d|标题=任意标题|内容=
{{信息框|颜色=#1a6b7d|标题=任意标题|内容=
第78行: 第78行:
<div style="clear:right;"></div>
<div style="clear:right;"></div>


=== 渐变(任意渐变色) ===
=== 渐变 ===


同样用 🎨 选色,但写成 <code>linear-gradient(...)</code> 形式。下面是 <code>颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)</code> 的样子:
任意渐变色,<code>颜色=</code> 参数填 <code>linear-gradient(...)</code> 形式。下方示例使用 <code>颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)</code>


{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=任意标题|内容=
{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=任意标题|内容=
第89行: 第89行:


<div style="clear:right;"></div>
<div style="clear:right;"></div>
点完按钮,把字段值改成你的内容即可。下面"三步学会"是给想懂原理的人看的。


== 三步学会 ==
== 三步学会 ==
第101行: 第99行:
* '''标题''' 就是资料卡顶部的大字(名字/地名)
* '''标题''' 就是资料卡顶部的大字(名字/地名)
* '''图片''' 填你上传的图片文件名;没有图就把这项留空或删掉
* '''图片''' 填你上传的图片文件名;没有图就把这项留空或删掉
* '''图注''' 是图片下方的小字说明可选,不需要就留空或删掉
* '''图注''' 是图片下方的小字说明可选,不需要就留空或删掉


'''第二步:自己加行'''
'''第二步:自己加行'''


在 <code>内容=</code> 下面,想加几行就加几行,每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>:
在 <code>内容=</code> 下面,每行一个 <code><nowiki>{{信息框行|左边|右边}}</nowiki></code>:
<pre>{{信息框行|头衔|王女}}
<pre>{{信息框行|头衔|王女}}
{{信息框行|身高|165cm}}
{{信息框行|身高|165cm}}
{{信息框行|喜好|阅读、园艺}}
{{信息框行|喜好|阅读、园艺}}
{{信息框行|口头禅|愿先祖指引你}}</pre>
{{信息框行|口头禅|愿先祖指引你}}</pre>
* 竖线 <code>|</code> 左边是这一行的'''标题'''你随便写,"喜好""讨厌""身高"都行)
 
* 竖线右边是'''内容'''
竖线 <code>|</code> 左边是这一行的字段名,你自己定("喜好""讨厌""身高"都行)右边是内容。行的先后顺序就是显示顺序。
* 这就是自由的地方:'''想要什么行,就自己加什么行'''


'''第三步(可选):加个分段标题'''
'''第三步(可选):加个分段标题'''
第122行: 第119行:
== 自定义颜色 ==
== 自定义颜色 ==


三种预设(npc/place/player)不够用?用 <code>颜色</code> 参数自己指定,写了它会覆盖 <code>类型</code> 的默认配色
三种预设(npc / place / player)之外,<code>颜色</code> 参数指定任意配色,写了它会覆盖 <code>类型</code> 的默认


'''单色(十六进制):'''
'''单色(十六进制):'''
第133行: 第130行:
<pre>{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}</pre>
<pre>{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}</pre>


'''怎么挑色值?''' 用工具栏的 🎨 取色器:
色值可借助工具栏的 🎨 取色器获取


# 编辑器格式组里点 '''🎨 颜色'''(粗体、斜体那一
# 编辑器格式组里点 '''🎨 颜色'''(位于粗体、斜体那一
# 弹出面板里点"自定义"那个小色块调出系统取色器,选好你想要的颜色
# 弹出面板"自定义"色块调出系统取色器,选好颜色
# 点 '''📋''' 复制色值
# 点 '''📋''' 复制色值
# 粘到信息框的 <code>颜色=</code> 后面
# 粘到信息框的 <code>颜色=</code> 后面


== 完整示例 ==
== 完整示例 ==
第155行: 第152行:
== 小提示 ==
== 小提示 ==


* 三种预设颜色对应三类页面:NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>;想要别的色调就直接<code>颜色=</code> 覆盖。
* 三种预设颜色对应三类页面:NPC 用 <code>npc</code>、地点用 <code>place</code>、玩家用 <code>player</code>要别的色调就直接<code>颜色=</code> 覆盖。
* 不会上传图片先去 [[Special:Upload|上传文件]] 传记住文件名填进 <code>图片=</code>。
* 图片先去 [[Special:Upload|上传文件]] 传,再把文件名填进 <code>图片=</code>。
* 行的顺序就是显示的顺序,想调整顺序就调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后
* 行的顺序就是显示的顺序,调整 <code><nowiki>{{信息框行}}</nowiki></code> 的先后即可
* 嫌手写麻烦?直接点工具栏的预设按钮,剩下的就是改字段而已


[[分类:帮助]]
[[分类:帮助]]

2026年6月5日 (五) 15:57的版本

信息框是放在页面右上角的资料卡(NPC、地点、玩家页面右边那个竖条)。

最简单的例子

把下面这段复制到你的页面顶部,改成你的内容即可:

{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|内容=
{{信息框行|头衔|王女}}
{{信息框行|势力|王室}}
{{信息框行|喜好|阅读、园艺}}
}}

效果就是右边这个资料卡:

克丽丝塔
头衔王女
势力王室
喜好阅读、园艺

工具栏预设

编辑页面时,工具栏 →「Noblecraft 格式」→「信息框」页提供 5 个预设按钮,点击即可插入完整骨架。下方为各预设的渲染效果。

NPC

紫色配色。预填字段:头衔 / 所属势力 / 所在地 / 身份 / 登场。

克丽丝塔
头衔xxx
所属势力xxx
所在地xxx
身份xxx
登场xxx

地点

青色配色。预填字段:类型 / 所在世界 / 坐标 / 如何到达 / 管理者。

诺波尔堡
类型xxx
所在世界主世界
坐标X:128, Z:-340
如何到达xxx
管理者xxx

玩家

金色配色。预填字段:加入时间 / 权限组 / 所在聚落 / 擅长。

玩家ID
加入时间2026年6月
权限组建造者
所在聚落xxx镇
擅长建筑、红石

纯色

任意单色,通过 颜色= 参数传入。下方示例使用 颜色=#1a6b7d

任意标题
字段一示例值
字段二示例值
字段三示例值

渐变

任意渐变色,颜色= 参数填 linear-gradient(...) 形式。下方示例使用 颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)

任意标题
字段一示例值
字段二示例值
字段三示例值

三步学会

第一步:写外框

{{信息框|类型=npc|标题=名字|图片=图片文件名.png|图注=图片说明|内容=
...这里放一行行内容...
}}
  • 类型 决定颜色:npc 紫色 / place 青色 / player 金色
  • 标题 就是资料卡顶部的大字(名字/地名)
  • 图片 填你上传的图片文件名;没有图就把这项留空或删掉
  • 图注 是图片下方的小字说明,可选,不需要就留空或删掉

第二步:自己加行

内容= 下面,每行一个 {{信息框行|左边|右边}}

{{信息框行|头衔|王女}}
{{信息框行|身高|165cm}}
{{信息框行|喜好|阅读、园艺}}
{{信息框行|口头禅|愿先祖指引你}}

竖线 | 左边是这一行的字段名,你自己定("喜好""讨厌""身高"都行);右边是内容。行的先后顺序就是显示顺序。

第三步(可选):加个分段标题

想把资料卡分成几段(比如下半部分放"背景故事"),插一行 {{信息框段|段落标题}}

{{信息框段|背景故事}}
{{信息框行| |她自幼在大图书室长大……}}

自定义颜色

三种预设(npc / place / player)之外,颜色 参数可指定任意配色,写了它会覆盖 类型 的默认值。

单色(十六进制):

{{信息框|颜色=#1a6b7d|标题=诺波尔堡|内容=
{{信息框行|类型|城邦}}
{{信息框行|人口|约两万}}
}}

渐变(任意角度、任意配色):

{{信息框|颜色=linear-gradient(120deg,#7a5c9a,#9a6fae)|标题=...|内容=...}}

色值可借助工具栏的 🎨 取色器获取:

  1. 编辑器格式组里点 🎨 颜色(位于粗体、斜体那一行)
  2. 在弹出面板的"自定义"色块上调出系统取色器,选好颜色
  3. 📋 复制色值
  4. 粘到信息框的 颜色= 后面

完整示例

{{信息框|类型=npc|标题=克丽丝塔|图片=克丽丝塔.png|图注=王室画师笔下的克丽丝塔殿下|内容=
{{信息框行|头衔|王女}}
{{信息框行|势力|王室}}
{{信息框行|所在地|诺波尔堡}}
{{信息框行|喜好|阅读、园艺}}
{{信息框段|背景故事}}
{{信息框行| |自幼在大图书室长大,立志续写先祖的荣光。}}
}}

小提示

  • 三种预设颜色对应三类页面:NPC 用 npc、地点用 place、玩家用 player。要别的色调就直接用 颜色= 覆盖。
  • 图片需先去 上传文件 上传,再把文件名填进 图片=
  • 行的顺序就是显示的顺序,调整 {{信息框行}} 的先后即可。