图琴维基

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

模板 讨论

模板:Familytree/doc (查看源代码)

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

添加162字节 、​ 2023年10月21日 (星期六)
无编辑摘要
无编辑摘要
无编辑摘要
第5行： 第5行：


*'''格子'''内含有线状元素，用来生成横纵线条以及各种拐角以连接各个“框”。每一个格子用简单的字符参数来描述，一个特别的例子是'''空格子'''，用一个空格来描述不含任何线条的格子。下面列出模板支持的格子类型：
*'''格子'''内含有线状元素，用来生成横纵线条以及各种拐角以连接各个“框”。每一个格子用简单的字符参数来描述，一个特别的例子是'''空格子'''，用一个空格来描述不含任何线条的格子。下面列出模板支持的格子类型：
{| style="float: left; margin-left: 1em;"
{| style="float: left; margin-left: 1em;"
|+ '''实体线'''
|+ '''实体线'''
第60行： 第59行：


框的外形可以由参数'''border'''和'''boxstyle'''控制，前一个以[[像素]]为单位控制框边的宽度，后者可以为任意[[CSS]]语句，用来修饰框的外观。例如下列代码：
框的外形可以由参数'''border'''和'''boxstyle'''控制，前一个以[[像素]]为单位控制框边的宽度，后者可以为任意[[CSS]]语句，用来修饰框的外观。例如下列代码：
<pre><nowiki>
<pre><nowiki>
{{Familytree/start}}
{{Familytree/start}}
第75行： 第73行：
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familytree/end}}
{{Familytree/end}}
值得注意的是，[[template:Familytree/start]]可以接受其他一些用于调整系谱图整体性质的参数，详情请见template:Familytree/start的文档。


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


步骤一：首先在紙上把家族圖畫好，如下圖：
'''步骤一'''：首先在纸上把家族图画好，如下图：
{{Familytree/start}}
{{Familytree/start}}
{{Familytree | | | Mum |y| Dad |Mum=妈妈|Dad=爸爸}}
{{Familytree | | | Mum |y| Dad |Mum=妈妈|Dad=爸爸}}
第87行： 第87行：




步骤二：考虑将这个图放置在一个长方形中，图形由一个个小的方格子所组成，填满整个长方形（如同在[[拼图]]），每个方格子为以下3种元素之任一：
'''步骤二'''：考虑将这个图放置在一个长方形中，图形由一个个小的方格子所组成，填满整个长方形（如同在[[拼图]]），每个方格子为以下3种元素之任一：
*连接用的线条，例如{{Familytree/start}}{{Familytree|y}}{{Familytree/end}}每个占用1个方格子，若是较长的线则需要拼接。
*连接用的线条，例如{{Familytree/start}}{{Familytree|y}}{{Familytree/end}}每个占用1个方格子，若是较长的线则需要拼接。
*文字与边框，例如{{Familytree/start}}{{Familytree | bb | bb=&nbsp; &nbsp; &nbsp; &nbsp; 爸爸 &nbsp; &nbsp; &nbsp; &nbsp; }}{{Familytree/end}}注意的是文字连同边框一起占用3个方格子，这是固定且不能自行定义的。
*文字与边框，例如{{Familytree/start}}{{Familytree | bb | bb=&nbsp; &nbsp; &nbsp; &nbsp; 爸爸 &nbsp; &nbsp; &nbsp; &nbsp; }}{{Familytree/end}}注意的是文字连同边框一起占用3个方格子，这是固定且不能自行定义的。
第93行： 第93行：


按照这种方法，以上图形可以用3行11列个方格子来表示，具体分解如下（这一步为关键步骤，如出错会导致图形的偏差）：
按照这种方法，以上图形可以用3行11列个方格子来表示，具体分解如下（这一步为关键步骤，如出错会导致图形的偏差）：
 
{| class="wikitable" style="text-align:center;margin:auto"
{| class="wikitable" style="text-align:center"
|-
|-
| 空格 || 空格 || colspan="3" |妈妈|| {{Familytree/start}}{{Familytree|y}}{{Familytree/end}} || colspan="3" |爸爸|| 空格 || 空格
|空格  
|空格  
| 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}} || 空格
|空格  
|{{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" |妹妹
| colspan="3" |哥哥
|空格  
| colspan="3" |我
|空格  
|colspan="3" |妹妹
|}
|}
这里特别提醒下对于空格数量的确认，你可能不能一下子看出第一行左侧有2个空格，但是当你整齐地将图形进行排列和划分后，即能发现应该补足的空格数量。
这里特别提醒下对于空格数量的确认，你可能不能一下子看出第一行左侧有2个空格，但是当你整齐地将图形进行排列和划分后，即能发现应该补足的空格数量。


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


* 看到连接线，比如 {{Familytree/start}}{{Familytree|y}}{{Familytree/end}} 就是竖线条之间加一个y（请查看参数）
* 看到连接线，比如 {{Familytree/start}}{{Familytree|y}}{{Familytree/end}} 就是竖线条之间加一个y（请查看参数）
第112行： 第130行：


以下是替换后的结果，与上列表格一一对应：
以下是替换后的结果，与上列表格一一对应：
<pre><nowiki>
<pre><nowiki>
| | | 妈妈 |y| 爸爸 | | |
| | | 妈妈 |y| 爸爸 | | |
第126行： 第143行：
| | | Mum |y| Dad | | | Mum=妈妈 | Dad=爸爸
| | | Mum |y| Dad | | | Mum=妈妈 | Dad=爸爸
</nowiki></pre>
</nowiki></pre>


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


下面给出一个更大的家族图与代码，供参考，可以看到文字部分使用了一些维基语法：
下面给出一个更大的家族图与代码，供参考，可以看到文字部分使用了一些维基语法：
{{Familytree/start}}
{{Familytree/start}}
{{Familytree | | | | 奶 |~|y|~| 爷 | | 奶=奶奶|爷=爷爷}}
{{Familytree | | | | 奶 |~|y|~| 爷 | | 奶=奶奶|爷=爷爷}}
取自“https://turchine.com/turchinewiki/index.php/特殊:移动版差异/2282”