模板:Familytree/doc：修订间差异

来自图琴维基
跳到导航 跳到搜索
（创建页面，内容为“<includeonly>{{familytree/step2 |boxstyle={{{boxstyle|}}}|border={{{border|2}}}| |row1 ""=<td rowspan="2" colspan="2"></td>| |row2 ""=| |row1 " "=<td rowspan="2" colspan="2"><div style="width: 2em; height: 2em;"><span style="font: 1px/1px serif;"> </span></div></td>| |row2 " "=| |row1 "0"=<td rowspan="2" colspan="2"><div style="width: 2em; height: 2em;"><span style="font: 1px/1px serif;"> </span></div></td>| |row2 "0"=| |row1 "-"=<td colspan="2"…”）
 
无编辑摘要
第1行： 第1行：
<includeonly>{{familytree/step2
此模板完全基于中文维基上的模板[https://zh.wikipedia.org/wiki/Template:Family_tree]。该模板使用类似[[ASCII艺术]]的句法生成简单系谱图。它用HTML表格和CSS在适当的位置生成文字框和线条以构成家族树，使用者在文本框内可以任意运用维基语法。


|boxstyle={{{boxstyle|}}}|border={{{border|2}}}|
==参数==
模板接受至多99个未命名参数，每个参数代表一个“格子”或者一个“框”。


|row1 ""=<td rowspan="2" colspan="2"></td>|
*'''格子'''内含有线状元素，用来生成横纵线条以及各种拐角以连接各个“框”。每一个格子用简单的字符参数来描述，一个特别的例子是'''空格子'''，用一个空格来描述不含任何线条的格子。下面列出模板支持的格子类型：
|row2 ""=|


|row1 " "=<td rowspan="2" colspan="2"><div style="width: 2em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{| style="float: left; margin-left: 1em;"
|row2 " "=|
|+ '''实体线'''
|-
| <big><code>,</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|,}}{{Familytree/end}}
| <big><code>.</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|.}}{{Familytree/end}}
| <big><code>`</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|`}}{{Familytree/end}}
| <big><code>'</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|'}}{{Familytree/end}}
|-
| <big><code>^</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|^}}{{Familytree/end}}
| <big><code>v</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|v}}{{Familytree/end}}
| <big><code>(</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|(}}{{Familytree/end}}
| <big><code>)</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|)}}{{Familytree/end}}
|-
| <big><code>-</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|-}}{{Familytree/end}}
| <big><code>!</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|!}}{{Familytree/end}}
| <big><code>+</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|+}}{{Familytree/end}}
| <big><code> </code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree| }}{{Familytree/end}}
|}
{| style="float: left; margin-left: 1em;"
|+ '''虚线'''
|-
| <big><code>F</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|F}}{{Familytree/end}}
| <big><code>7</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|7}}{{Familytree/end}}
| <big><code>L</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|L}}{{Familytree/end}}
| <big><code>J</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|J}}{{Familytree/end}}
|-
| <big><code>A</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|A}}{{Familytree/end}}
| <big><code>V</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|V}}{{Familytree/end}}
| <big><code>C</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|C}}{{Familytree/end}}
| <big><code>D</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|D}}{{Familytree/end}}
|-
| <big><code>~</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|~}}{{Familytree/end}}
| <big><code>:</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|:}}{{Familytree/end}}
| <big><code>%</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|%}}{{Familytree/end}}
|}
{| style="float: left; margin-left: 1em;"
|+ '''混合型'''
|-
| <big><code>*</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|*}}{{Familytree/end}}
| <big><code>}</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|}|}}{{Familytree/end}}
| <big><code>{</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|{|}}{{Familytree/end}}
|-
| <big><code>#</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|#}}{{Familytree/end}}
| <big><code>y</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|y}}{{Familytree/end}}
| <big><code>h</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|h}}{{Familytree/end}}
|-
| <big><code>]</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|]}}{{Familytree/end}}
| <big><code>[</code></big> || style="border: 1px solid gray;" | {{Familytree/start}}{{Familytree|[}}{{Familytree/end}}
|}
<br clear="left" />


|row1 "0"=<td rowspan="2" colspan="2"><div style="width: 2em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
*'''框'''内可以填写任意的维基标记，框内的内容用附加命名变量的方法来加以描述。每一个框为'''三个格子'''宽，并且通常具有2px宽的黑边。附加的变量可以取用任何合法的名字，但是建议不要使用单字符的名字以免与“格子”冲突。
|row2 "0"=|


|row1 "-"=<td colspan="2" style="border-bottom: 1px solid black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
框的外形可以由参数'''border'''和'''boxstyle'''控制，前一个以[[像素]]为单位控制框边的宽度，后者可以为任意[[CSS]]语句，用来修饰框的外观。例如下列代码：
|row2 "-"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "!"=<td rowspan="2" style="border-right: 1px solid black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
<pre><nowiki>
|row2 "!"=|
{{Familytree/start}}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familytree/end}}
</nowiki></pre>


|row1 "."=<td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
产生如下效果：
|row2 "."=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree/start|align=center}}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familytree/end}}


|row1 "'"=<td style="border-right: 1px solid black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
==使用范例==
|row2 "'"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
此范例可能对于第一次使用者有所帮助，当读者掌握相应技巧后，并不需遵循此过程。


|row1 "`"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
步骤一：首先在紙上把家族圖畫好，如下圖：
|row2 "`"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree/start}}
{{Familytree | | | Mum |y| Dad |Mum=妈妈|Dad=爸爸}}
{{Familytree | |,|-|-|-|+|-|-|-|.| | }}
{{Familytree | Bro | |  I  | | Sis | Bro=哥哥|I=我|Sis=妹妹}}
{{Familytree/end}}


|row1 ","=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 ","=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "v"=<td colspan="2" style="border-bottom: 1px solid black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
步骤二：考虑将这个图放置在一个长方形中，图形由一个个小的方格子所组成，填满整个长方形（如同在[[拼图]]），每个方格子为以下3种元素之任一：
|row2 "v"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
*连接用的线条，例如{{Familytree/start}}{{Familytree|y}}{{Familytree/end}}每个占用1个方格子，若是较长的线则需要拼接。
*文字与边框，例如{{Familytree/start}}{{Familytree | bb | bb=&nbsp; &nbsp; &nbsp; &nbsp; 爸爸 &nbsp; &nbsp; &nbsp; &nbsp; }}{{Familytree/end}}注意的是文字连同边框一起占用3个方格子，这是固定且不能自行定义的。
*空格，即除以上两种之外的空白处，每个空格即为1个方格子大小的空白。


|row1 "("=<td style="border-right: 1px solid black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
按照这种方法，以上图形可以用3行11列个方格子来表示，具体分解如下（这一步为关键步骤，如出错会导致图形的偏差）：
|row2 "("=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "^"=<td style="border-right: 1px solid black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{| class="wikitable" style="text-align:center"
|row2 "^"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|-
| 空格 || 空格 || colspan="3" |妈妈|| {{Familytree/start}}{{Familytree|y}}{{Familytree/end}} || colspan="3" |爸爸|| 空格 || 空格
|-
| 空格 || {{Familytree/start}}{{Familytree|,}}{{Familytree/end}} || {{Familytree/start}}{{Familytree|-}}{{Familytree/end}} ||  {{Familytree/start}}{{Familytree|-}}{{Familytree/end}} ||  {{Familytree/start}}{{Familytree|-}}{{Familytree/end}}|| {{Familytree/start}}{{Familytree|+}}{{Familytree/end}}  ||  {{Familytree/start}}{{Familytree|-}}{{Familytree/end}} ||  {{Familytree/start}}{{Familytree|-}}{{Familytree/end}} ||  {{Familytree/start}}{{Familytree|-}}{{Familytree/end}} ||  {{Familytree/start}}{{Familytree|.}}{{Familytree/end}} || 空格
|-
| colspan="3" |哥哥|| 空格 || colspan="3" |我|| 空格 || colspan="3" |妹妹
|}
这里特别提醒下对于空格数量的确认，你可能不能一下子看出第一行左侧有2个空格，但是当你整齐地将图形进行排列和划分后，即能发现应该补足的空格数量。


|row1 ")"=<td rowspan="2" style="border-right: 1px solid black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 ")"=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "+"=<td style="border-right: 1px solid black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
步骤三：换成对应的代码，每个方格子的代码之间使用竖线条 | 来进行分隔：
|row2 "+"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "~"=<td colspan="2" style="border-bottom: 1px dashed black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
* 看到连接线，比如 {{Familytree/start}}{{Familytree|y}}{{Familytree/end}} 就是竖线条之间加一个y（请查看参数）
|row2 "~"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
* 看到文字和方框，那就在竖线条之间加入文字（注意文字的方框不需要单独的代码）
* 看到空格，就是竖线条之间为一个空格


|row1 ":"=<td rowspan="2" style="border-right: 1px dashed black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
以下是替换后的结果，与上列表格一一对应：
|row2 ":"=|


|row1 "y"=<td colspan="2" style="border-bottom: 1px dashed black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
<pre><nowiki>
|row2 "y"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
| | | 妈妈 |y| 爸爸 | | |
| |,|-|-|-|+|-|-|-|.| |
| 哥哥 | | 我  | | 妹妹 |
</nowiki></pre>


|row1 "h"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
马上就要成功了，不过文字部分还要稍作处理，对于文字，你需要自行创造一个代码填入该文字应该占据的位置，然后在该行之后说明这种替代关系。
|row2 "h"=<td colspan="2" style="border-top: 1px dashed black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "}"=<td rowspan="2" style="border-right: 1px dashed black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
这里比如把妈妈用 “Mum”表示，爸爸用“Dad”表示（当然这是你自己定义的，用爹、粑粑、bb之类的表示均可，但最好使用三个字符，因为使用三个字符时，上下行对齐，容易检查）。在下面，“Mum”和“Dad” 两个代码已经替换了原有文字，而 “Mum=妈妈 | Dad=爸爸”则加在原有语句后面表示这种替代关系，注意，“Mum=妈妈”和“Dad=爸爸”之间是使用一条竖线 | 来进行分隔的，以此类推。
|row2 "}"=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "{"=<td style="border-right: 1px dashed black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
<pre><nowiki>
|row2 "{"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
| | | Mum |y| Dad | | | Mum=妈妈 | Dad=爸爸
</nowiki></pre>


|row1 "7"=<td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "7"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "J"=<td style="border-right: 1px dashed black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
步骤四：按以下格式，即为完整的、可以使用的代码：
|row2 "J"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
<pre><nowiki>
{{Familytree/start}}
{{Familytree | | | Mum |y| Dad | | |Mum=妈妈|Dad=爸爸}}
{{Familytree | |,|-|-|-|+|-|-|-|.| | }}
{{Familytree | Bro | |  I  | | Sis |Bro=哥哥|I=我|Sis=妹妹}}
{{Familytree/end}}
</nowiki></pre>


|row1 "L"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
下面给出一个更大的家族图与代码，供参考，可以看到文字部分使用了一些维基语法：
|row2 "L"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|


|row1 "F"=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree/start}}
|row2 "F"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree | | | | 奶 |~|y|~| 爷 | | 奶=奶奶|爷=爷爷}}
{{Familytree | | | | | | | |)|-|-|-|.| }}
{{Familytree | | | 妈 |y| 爸 | |叔| 妈=妈妈|爸=爸爸|叔=<s>叔叔</s>}}
{{Familytree | |,|-|-|-|+|-|-|-|.| | | }}
{{Familytree | 哥 | | 俺 | | 妹 | | | 哥=哥哥|俺='''我'''|妹=[[妹妹]]}}
{{Familytree/end}}


|row1 "V"=<td colspan="2" style="border-bottom: 1px dashed black;"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
<pre><nowiki>
|row2 "V"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree/start}}
 
{{Familytree | | | | 奶 |~|y|~| 爷 | | 奶=奶奶|爷=爷爷}}
|row1 "C"=<td style="border-right: 1px dashed black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree | | | | | | | |)|-|-|-|.| }}
|row2 "C"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree | | | 妈 |y| 爸 | |叔| 妈=妈妈|爸=爸爸|叔=<s>叔叔</s>}}
 
{{Familytree | |,|-|-|-|+|-|-|-|.| | | }}
|row1 "A"=<td style="border-right: 1px dashed black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree | 哥 | | 俺  | | 妹 | | | 哥=哥哥|俺='''我'''|妹=[[妹妹]]}}
|row2 "A"=<td colspan="2"><div style="width: 2em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
{{Familytree/end}}
 
</nowiki></pre>
|row1 "D"=<td rowspan="2" style="border-right: 1px dashed black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "D"=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|row1 "%"=<td style="border-right: 1px dashed black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "%"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|row1 "*"=<td style="border-right: 1px dashed black; border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "*"=<td style="border-right: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|row1 "#"=<td style="border-right: 1px solid black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "#"=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|row1 "]"=<td rowspan="2" style="border-right: 1px solid black;"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td style="border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "]"=<td><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|row1 "["=<td style="border-right: 1px solid black; border-bottom: 1px dashed black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td><td rowspan="2"><div style="width: 1em; height: 2em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
|row2 "["=<td style="border-right: 1px solid black;"><div style="width: 1em; height: 1em;"><span style="font: 1px/1px serif;">&nbsp;</span></div></td>|
 
|key_1="{{{1|}}}"|tst_1_{{{1|a}}}{{{1|b}}}=undef|text_1={{{{{{1}}}}}}|boxstyle_1={{{boxstyle_{{{1}}}|}}}
|key_2="{{{2|}}}"|tst_2_{{{2|a}}}{{{2|b}}}=undef|text_2={{{{{{2}}}}}}|boxstyle_2={{{boxstyle_{{{2}}}|}}}
|key_3="{{{3|}}}"|tst_3_{{{3|a}}}{{{3|b}}}=undef|text_3={{{{{{3}}}}}}|boxstyle_3={{{boxstyle_{{{3}}}|}}}
|key_4="{{{4|}}}"|tst_4_{{{4|a}}}{{{4|b}}}=undef|text_4={{{{{{4}}}}}}|boxstyle_4={{{boxstyle_{{{4}}}|}}}
|key_5="{{{5|}}}"|tst_5_{{{5|a}}}{{{5|b}}}=undef|text_5={{{{{{5}}}}}}|boxstyle_5={{{boxstyle_{{{5}}}|}}}
|key_6="{{{6|}}}"|tst_6_{{{6|a}}}{{{6|b}}}=undef|text_6={{{{{{6}}}}}}|boxstyle_6={{{boxstyle_{{{6}}}|}}}
|key_7="{{{7|}}}"|tst_7_{{{7|a}}}{{{7|b}}}=undef|text_7={{{{{{7}}}}}}|boxstyle_7={{{boxstyle_{{{7}}}|}}}
|key_8="{{{8|}}}"|tst_8_{{{8|a}}}{{{8|b}}}=undef|text_8={{{{{{8}}}}}}|boxstyle_8={{{boxstyle_{{{8}}}|}}}
|key_9="{{{9|}}}"|tst_9_{{{9|a}}}{{{9|b}}}=undef|text_9={{{{{{9}}}}}}|boxstyle_9={{{boxstyle_{{{9}}}|}}}
|key_10="{{{10|}}}"|tst_10_{{{10|a}}}{{{10|b}}}=undef|text_10={{{{{{10}}}}}}|boxstyle_10={{{boxstyle_{{{10}}}|}}}
|key_11="{{{11|}}}"|tst_11_{{{11|a}}}{{{11|b}}}=undef|text_11={{{{{{11}}}}}}|boxstyle_11={{{boxstyle_{{{11}}}|}}}
|key_12="{{{12|}}}"|tst_12_{{{12|a}}}{{{12|b}}}=undef|text_12={{{{{{12}}}}}}|boxstyle_12={{{boxstyle_{{{12}}}|}}}
|key_13="{{{13|}}}"|tst_13_{{{13|a}}}{{{13|b}}}=undef|text_13={{{{{{13}}}}}}|boxstyle_13={{{boxstyle_{{{13}}}|}}}
|key_14="{{{14|}}}"|tst_14_{{{14|a}}}{{{14|b}}}=undef|text_14={{{{{{14}}}}}}|boxstyle_14={{{boxstyle_{{{14}}}|}}}
|key_15="{{{15|}}}"|tst_15_{{{15|a}}}{{{15|b}}}=undef|text_15={{{{{{15}}}}}}|boxstyle_15={{{boxstyle_{{{15}}}|}}}
|key_16="{{{16|}}}"|tst_16_{{{16|a}}}{{{16|b}}}=undef|text_16={{{{{{16}}}}}}|boxstyle_16={{{boxstyle_{{{16}}}|}}}
|key_17="{{{17|}}}"|tst_17_{{{17|a}}}{{{17|b}}}=undef|text_17={{{{{{17}}}}}}|boxstyle_17={{{boxstyle_{{{17}}}|}}}
|key_18="{{{18|}}}"|tst_18_{{{18|a}}}{{{18|b}}}=undef|text_18={{{{{{18}}}}}}|boxstyle_18={{{boxstyle_{{{18}}}|}}}
|key_19="{{{19|}}}"|tst_19_{{{19|a}}}{{{19|b}}}=undef|text_19={{{{{{19}}}}}}|boxstyle_19={{{boxstyle_{{{19}}}|}}}
|key_20="{{{20|}}}"|tst_20_{{{20|a}}}{{{20|b}}}=undef|text_20={{{{{{20}}}}}}|boxstyle_20={{{boxstyle_{{{20}}}|}}}
|key_21="{{{21|}}}"|tst_21_{{{21|a}}}{{{21|b}}}=undef|text_21={{{{{{21}}}}}}|boxstyle_21={{{boxstyle_{{{21}}}|}}}
|key_22="{{{22|}}}"|tst_22_{{{22|a}}}{{{22|b}}}=undef|text_22={{{{{{22}}}}}}|boxstyle_22={{{boxstyle_{{{22}}}|}}}
|key_23="{{{23|}}}"|tst_23_{{{23|a}}}{{{23|b}}}=undef|text_23={{{{{{23}}}}}}|boxstyle_23={{{boxstyle_{{{23}}}|}}}
|key_24="{{{24|}}}"|tst_24_{{{24|a}}}{{{24|b}}}=undef|text_24={{{{{{24}}}}}}|boxstyle_24={{{boxstyle_{{{24}}}|}}}
|key_25="{{{25|}}}"|tst_25_{{{25|a}}}{{{25|b}}}=undef|text_25={{{{{{25}}}}}}|boxstyle_25={{{boxstyle_{{{25}}}|}}}
|key_26="{{{26|}}}"|tst_26_{{{26|a}}}{{{26|b}}}=undef|text_26={{{{{{26}}}}}}|boxstyle_26={{{boxstyle_{{{26}}}|}}}
|key_27="{{{27|}}}"|tst_27_{{{27|a}}}{{{27|b}}}=undef|text_27={{{{{{27}}}}}}|boxstyle_27={{{boxstyle_{{{27}}}|}}}
|key_28="{{{28|}}}"|tst_28_{{{28|a}}}{{{28|b}}}=undef|text_28={{{{{{28}}}}}}|boxstyle_28={{{boxstyle_{{{28}}}|}}}
|key_29="{{{29|}}}"|tst_29_{{{29|a}}}{{{29|b}}}=undef|text_29={{{{{{29}}}}}}|boxstyle_29={{{boxstyle_{{{29}}}|}}}
|key_30="{{{30|}}}"|tst_30_{{{30|a}}}{{{30|b}}}=undef|text_30={{{{{{30}}}}}}|boxstyle_30={{{boxstyle_{{{30}}}|}}}
|key_31="{{{31|}}}"|tst_31_{{{31|a}}}{{{31|b}}}=undef|text_31={{{{{{31}}}}}}|boxstyle_31={{{boxstyle_{{{31}}}|}}}
|key_32="{{{32|}}}"|tst_32_{{{32|a}}}{{{32|b}}}=undef|text_32={{{{{{32}}}}}}|boxstyle_32={{{boxstyle_{{{32}}}|}}}
|key_33="{{{33|}}}"|tst_33_{{{33|a}}}{{{33|b}}}=undef|text_33={{{{{{33}}}}}}|boxstyle_33={{{boxstyle_{{{33}}}|}}}
|key_34="{{{34|}}}"|tst_34_{{{34|a}}}{{{34|b}}}=undef|text_34={{{{{{34}}}}}}|boxstyle_34={{{boxstyle_{{{34}}}|}}}
|key_35="{{{35|}}}"|tst_35_{{{35|a}}}{{{35|b}}}=undef|text_35={{{{{{35}}}}}}|boxstyle_35={{{boxstyle_{{{35}}}|}}}
|key_36="{{{36|}}}"|tst_36_{{{36|a}}}{{{36|b}}}=undef|text_36={{{{{{36}}}}}}|boxstyle_36={{{boxstyle_{{{36}}}|}}}
|key_37="{{{37|}}}"|tst_37_{{{37|a}}}{{{37|b}}}=undef|text_37={{{{{{37}}}}}}|boxstyle_37={{{boxstyle_{{{37}}}|}}}
|key_38="{{{38|}}}"|tst_38_{{{38|a}}}{{{38|b}}}=undef|text_38={{{{{{38}}}}}}|boxstyle_38={{{boxstyle_{{{38}}}|}}}
|key_39="{{{39|}}}"|tst_39_{{{39|a}}}{{{39|b}}}=undef|text_39={{{{{{39}}}}}}|boxstyle_39={{{boxstyle_{{{39}}}|}}}
|key_40="{{{40|}}}"|tst_40_{{{40|a}}}{{{40|b}}}=undef|text_40={{{{{{40}}}}}}|boxstyle_40={{{boxstyle_{{{40}}}|}}}
|key_41="{{{41|}}}"|tst_41_{{{41|a}}}{{{41|b}}}=undef|text_41={{{{{{41}}}}}}|boxstyle_41={{{boxstyle_{{{41}}}|}}}
|key_42="{{{42|}}}"|tst_42_{{{42|a}}}{{{42|b}}}=undef|text_42={{{{{{42}}}}}}|boxstyle_42={{{boxstyle_{{{42}}}|}}}
|key_43="{{{43|}}}"|tst_43_{{{43|a}}}{{{43|b}}}=undef|text_43={{{{{{43}}}}}}|boxstyle_43={{{boxstyle_{{{43}}}|}}}
|key_44="{{{44|}}}"|tst_44_{{{44|a}}}{{{44|b}}}=undef|text_44={{{{{{44}}}}}}|boxstyle_44={{{boxstyle_{{{44}}}|}}}
|key_45="{{{45|}}}"|tst_45_{{{45|a}}}{{{45|b}}}=undef|text_45={{{{{{45}}}}}}|boxstyle_45={{{boxstyle_{{{45}}}|}}}
|key_46="{{{46|}}}"|tst_46_{{{46|a}}}{{{46|b}}}=undef|text_46={{{{{{46}}}}}}|boxstyle_46={{{boxstyle_{{{46}}}|}}}
|key_47="{{{47|}}}"|tst_47_{{{47|a}}}{{{47|b}}}=undef|text_47={{{{{{47}}}}}}|boxstyle_47={{{boxstyle_{{{47}}}|}}}
|key_48="{{{48|}}}"|tst_48_{{{48|a}}}{{{48|b}}}=undef|text_48={{{{{{48}}}}}}|boxstyle_48={{{boxstyle_{{{48}}}|}}}
|key_49="{{{49|}}}"|tst_49_{{{49|a}}}{{{49|b}}}=undef|text_49={{{{{{49}}}}}}|boxstyle_49={{{boxstyle_{{{49}}}|}}}
|key_50="{{{50|}}}"|tst_50_{{{50|a}}}{{{50|b}}}=undef|text_50={{{{{{50}}}}}}|boxstyle_50={{{boxstyle_{{{50}}}|}}}
|key_51="{{{51|}}}"|tst_51_{{{51|a}}}{{{51|b}}}=undef|text_51={{{{{{51}}}}}}|boxstyle_51={{{boxstyle_{{{51}}}|}}}
|key_52="{{{52|}}}"|tst_52_{{{52|a}}}{{{52|b}}}=undef|text_52={{{{{{52}}}}}}|boxstyle_52={{{boxstyle_{{{52}}}|}}}
|key_53="{{{53|}}}"|tst_53_{{{53|a}}}{{{53|b}}}=undef|text_53={{{{{{53}}}}}}|boxstyle_53={{{boxstyle_{{{53}}}|}}}
|key_54="{{{54|}}}"|tst_54_{{{54|a}}}{{{54|b}}}=undef|text_54={{{{{{54}}}}}}|boxstyle_54={{{boxstyle_{{{54}}}|}}}
|key_55="{{{55|}}}"|tst_55_{{{55|a}}}{{{55|b}}}=undef|text_55={{{{{{55}}}}}}|boxstyle_55={{{boxstyle_{{{55}}}|}}}
|key_56="{{{56|}}}"|tst_56_{{{56|a}}}{{{56|b}}}=undef|text_56={{{{{{56}}}}}}|boxstyle_56={{{boxstyle_{{{56}}}|}}}
|key_57="{{{57|}}}"|tst_57_{{{57|a}}}{{{57|b}}}=undef|text_57={{{{{{57}}}}}}|boxstyle_57={{{boxstyle_{{{57}}}|}}}
|key_58="{{{58|}}}"|tst_58_{{{58|a}}}{{{58|b}}}=undef|text_58={{{{{{58}}}}}}|boxstyle_58={{{boxstyle_{{{58}}}|}}}
|key_59="{{{59|}}}"|tst_59_{{{59|a}}}{{{59|b}}}=undef|text_59={{{{{{59}}}}}}|boxstyle_59={{{boxstyle_{{{59}}}|}}}
|key_60="{{{60|}}}"|tst_60_{{{60|a}}}{{{60|b}}}=undef|text_60={{{{{{60}}}}}}|boxstyle_60={{{boxstyle_{{{60}}}|}}}
|key_61="{{{61|}}}"|tst_61_{{{61|a}}}{{{61|b}}}=undef|text_61={{{{{{61}}}}}}|boxstyle_61={{{boxstyle_{{{61}}}|}}}
|key_62="{{{62|}}}"|tst_62_{{{62|a}}}{{{62|b}}}=undef|text_62={{{{{{62}}}}}}|boxstyle_62={{{boxstyle_{{{62}}}|}}}
|key_63="{{{63|}}}"|tst_63_{{{63|a}}}{{{63|b}}}=undef|text_63={{{{{{63}}}}}}|boxstyle_63={{{boxstyle_{{{63}}}|}}}
|key_64="{{{64|}}}"|tst_64_{{{64|a}}}{{{64|b}}}=undef|text_64={{{{{{64}}}}}}|boxstyle_64={{{boxstyle_{{{64}}}|}}}
|key_65="{{{65|}}}"|tst_65_{{{65|a}}}{{{65|b}}}=undef|text_65={{{{{{65}}}}}}|boxstyle_65={{{boxstyle_{{{65}}}|}}}
|key_66="{{{66|}}}"|tst_66_{{{66|a}}}{{{66|b}}}=undef|text_66={{{{{{66}}}}}}|boxstyle_66={{{boxstyle_{{{66}}}|}}}
|key_67="{{{67|}}}"|tst_67_{{{67|a}}}{{{67|b}}}=undef|text_67={{{{{{67}}}}}}|boxstyle_67={{{boxstyle_{{{67}}}|}}}
|key_68="{{{68|}}}"|tst_68_{{{68|a}}}{{{68|b}}}=undef|text_68={{{{{{68}}}}}}|boxstyle_68={{{boxstyle_{{{68}}}|}}}
|key_69="{{{69|}}}"|tst_69_{{{69|a}}}{{{69|b}}}=undef|text_69={{{{{{69}}}}}}|boxstyle_69={{{boxstyle_{{{69}}}|}}}
|key_70="{{{70|}}}"|tst_70_{{{70|a}}}{{{70|b}}}=undef|text_70={{{{{{70}}}}}}|boxstyle_70={{{boxstyle_{{{70}}}|}}}
|key_71="{{{71|}}}"|tst_71_{{{71|a}}}{{{71|b}}}=undef|text_71={{{{{{71}}}}}}|boxstyle_71={{{boxstyle_{{{71}}}|}}}
|key_72="{{{72|}}}"|tst_72_{{{72|a}}}{{{72|b}}}=undef|text_72={{{{{{72}}}}}}|boxstyle_72={{{boxstyle_{{{72}}}|}}}
|key_73="{{{73|}}}"|tst_73_{{{73|a}}}{{{73|b}}}=undef|text_73={{{{{{73}}}}}}|boxstyle_73={{{boxstyle_{{{73}}}|}}}
|key_74="{{{74|}}}"|tst_74_{{{74|a}}}{{{74|b}}}=undef|text_74={{{{{{74}}}}}}|boxstyle_74={{{boxstyle_{{{74}}}|}}}
|key_75="{{{75|}}}"|tst_75_{{{75|a}}}{{{75|b}}}=undef|text_75={{{{{{75}}}}}}|boxstyle_75={{{boxstyle_{{{75}}}|}}}
|key_76="{{{76|}}}"|tst_76_{{{76|a}}}{{{76|b}}}=undef|text_76={{{{{{76}}}}}}|boxstyle_76={{{boxstyle_{{{76}}}|}}}
|key_77="{{{77|}}}"|tst_77_{{{77|a}}}{{{77|b}}}=undef|text_77={{{{{{77}}}}}}|boxstyle_77={{{boxstyle_{{{77}}}|}}}
|key_78="{{{78|}}}"|tst_78_{{{78|a}}}{{{78|b}}}=undef|text_78={{{{{{78}}}}}}|boxstyle_78={{{boxstyle_{{{78}}}|}}}
|key_79="{{{79|}}}"|tst_79_{{{79|a}}}{{{79|b}}}=undef|text_79={{{{{{79}}}}}}|boxstyle_79={{{boxstyle_{{{79}}}|}}}
|key_80="{{{80|}}}"|tst_80_{{{80|a}}}{{{80|b}}}=undef|text_80={{{{{{80}}}}}}|boxstyle_80={{{boxstyle_{{{80}}}|}}}
|undef=}}</includeonly><noinclude>
{{Documentation}}
<!-- Add categories and interwikis to the /doc subpage, not here! -->
</noinclude>

2023年10月21日 (六) 06:00的版本

此模板完全基于中文维基上的模板[1]。该模板使用类似ASCII艺术的句法生成简单系谱图。它用HTML表格和CSS在适当的位置生成文字框和线条以构成家族树，使用者在文本框内可以任意运用维基语法。

参数

模板接受至多99个未命名参数，每个参数代表一个“格子”或者一个“框”。

  • 格子内含有线状元素，用来生成横纵线条以及各种拐角以连接各个“框”。每一个格子用简单的字符参数来描述，一个特别的例子是空格子，用一个空格来描述不含任何线条的格子。下面列出模板支持的格子类型：
实体线
,
 
 
 
 
 .
 
 
 
 `
 
 
 
 '
 
 
 
^
 
 
 
 v
 
 
 
 (
 
 
 
 )
 
 
 
-
 
 
 !
 
 
 +
 
 
 
 
 
虚线
F
 
 
 
 
 7
 
 
 
 L
 
 
 
 J
 
 
 
A
 
 
 
 V
 
 
 
 C
 
 
 
 D
 
 
 
~
 
 
 :
 
 
 %
 
 
 
 
混合型
*
 
 
 
 
 }
 
 
 
 {
 
 
 
#
 
 
 
 
 y
 
 
 
 h
 
 
 
]
 
 
 
 [
 
 
 


  • 框内可以填写任意的维基标记，框内的内容用附加命名变量的方法来加以描述。每一个框为三个格子宽，并且通常具有2px宽的黑边。附加的变量可以取用任何合法的名字，但是建议不要使用单字符的名字以免与“格子”冲突。

框的外形可以由参数border和boxstyle控制，前一个以像素为单位控制框边的宽度，后者可以为任意CSS语句，用来修饰框的外观。例如下列代码： 

{{Familytree/start}}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familytree/end}}

产生如下效果：

 
Box 1
 
Box 2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Box 3
 
Box 4
 

使用范例

此范例可能对于第一次使用者有所帮助，当读者掌握相应技巧后，并不需遵循此过程。

步骤一：首先在紙上把家族圖畫好，如下圖：

 
 
妈妈
 
爸爸
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
哥哥
 
我
 
妹妹


步骤二：考虑将这个图放置在一个长方形中，图形由一个个小的方格子所组成，填满整个长方形（如同在拼图），每个方格子为以下3种元素之任一：

  • 连接用的线条，例如
 
 
 

每个占用1个方格子，若是较长的线则需要拼接。

  • 文字与边框，例如
        爸爸        

注意的是文字连同边框一起占用3个方格子，这是固定且不能自行定义的。

  • 空格，即除以上两种之外的空白处，每个空格即为1个方格子大小的空白。

按照这种方法，以上图形可以用3行11列个方格子来表示，具体分解如下（这一步为关键步骤，如出错会导致图形的偏差）：

空格 空格 妈妈
 
 
 
|| colspan="3" |爸爸|| 空格 || 空格
空格
 
 
 
 
||
 
 
||
 
 
||
 
 
||
 
 
 
 
||
 
 
||
 
 
||
 
 
||
 
 
 
|| 空格
哥哥 空格 我 空格 妹妹

这里特别提醒下对于空格数量的确认，你可能不能一下子看出第一行左侧有2个空格，但是当你整齐地将图形进行排列和划分后，即能发现应该补足的空格数量。


步骤三：换成对应的代码，每个方格子的代码之间使用竖线条 | 来进行分隔：

  • 看到连接线，比如
 
 
 

就是竖线条之间加一个y（请查看参数）

  • 看到文字和方框，那就在竖线条之间加入文字（注意文字的方框不需要单独的代码）
  • 看到空格，就是竖线条之间为一个空格

以下是替换后的结果，与上列表格一一对应： 

| | | 妈妈 |y| 爸爸 | | |
| |,|-|-|-|+|-|-|-|.| |
| 哥哥 | | 我  | | 妹妹 |

马上就要成功了，不过文字部分还要稍作处理，对于文字，你需要自行创造一个代码填入该文字应该占据的位置，然后在该行之后说明这种替代关系。

这里比如把妈妈用 “Mum”表示，爸爸用“Dad”表示（当然这是你自己定义的，用爹、粑粑、bb之类的表示均可，但最好使用三个字符，因为使用三个字符时，上下行对齐，容易检查）。在下面，“Mum”和“Dad” 两个代码已经替换了原有文字，而 “Mum=妈妈 | Dad=爸爸”则加在原有语句后面表示这种替代关系，注意，“Mum=妈妈”和“Dad=爸爸”之间是使用一条竖线 | 来进行分隔的，以此类推。 

| | | Mum |y| Dad | | | Mum=妈妈 | Dad=爸爸


步骤四：按以下格式，即为完整的、可以使用的代码： 

{{Familytree/start}}
{{Familytree | | | Mum |y| Dad | | |Mum=妈妈|Dad=爸爸}}
{{Familytree | |,|-|-|-|+|-|-|-|.| | }}
{{Familytree | Bro | |  I  | | Sis |Bro=哥哥|I=我|Sis=妹妹}}
{{Familytree/end}}

下面给出一个更大的家族图与代码，供参考，可以看到文字部分使用了一些维基语法：


 
 
 
奶奶
 
 
 
爷爷
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
妈妈
 
爸爸
 
叔叔
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
哥哥
 
我
 
妹妹
 
 
{{Familytree/start}}
{{Familytree | | | | 奶 |~|y|~| 爷 | | 奶=奶奶|爷=爷爷}}
{{Familytree | | | | | | | |)|-|-|-|.| }}
{{Familytree | | | 妈 |y| 爸 | |叔| 妈=妈妈|爸=爸爸|叔=<s>叔叔</s>}}
{{Familytree | |,|-|-|-|+|-|-|-|.| | | }}
{{Familytree | 哥 | | 俺  | | 妹 | | | 哥=哥哥|俺='''我'''|妹=[[妹妹]]}}
{{Familytree/end}}
取自“https://turchine.com/turchinewiki/index.php?title=模板:Familytree/doc&oldid=2277”