Template:Family tree/doc: Difference between revisions

no edit summary
(Created page with "<includeonly>{{intricate template}}{{Documentation subpage}}</includeonly> <noinclude>{{Documentation subpage}}</noinclude> <!---PLEASE ADD METADATA TO THE <includeonly> SECTI...")
 
No edit summary
Line 42: Line 42:
|+ '''Solid lines:'''
|+ '''Solid lines:'''
|-
|-
| <big><tt>,</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|,}}{{family tree/end}}  
| <big><tt>,</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|,}}{{family tree/end}}
| <big><tt>v</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|v}}{{family tree/end}}  
| <big><tt>v</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|v}}{{family tree/end}}
| <big><tt>.</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|.}}{{family tree/end}}  
| <big><tt>.</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|.}}{{family tree/end}}
|-
|-
| <big><tt>)</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|)}}{{family tree/end}}
| <big><tt>)</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|)}}{{family tree/end}}
| <big><tt>+</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|+}}{{family tree/end}}
| <big><tt>+</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|+}}{{family tree/end}}
| <big><tt>(</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|(}}{{family tree/end}}  
| <big><tt>(</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|(}}{{family tree/end}}
|-
|-
| <big><tt>`</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|`}}{{family tree/end}}  
| <big><tt>`</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|`}}{{family tree/end}}
| <big><tt>^</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|^}}{{family tree/end}}  
| <big><tt>^</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|^}}{{family tree/end}}
| <big><tt>'</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|'}}{{family tree/end}}  
| <big><tt>'</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|'}}{{family tree/end}}
|-
|-
| <big><tt>-</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|-}}{{family tree/end}}
| <big><tt>-</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|-}}{{family tree/end}}
Line 62: Line 62:
|-
|-
| <big><tt>F</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|F}}{{family tree/end}}
| <big><tt>F</tt></big> ||style="border:1px solid gray"| {{family tree/start}}{{family tree|F}}{{family tree/end}}
| <big><tt>V</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|V}}{{familytree/end}}
| <big><tt>V</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|V}}{{Family Tree/end}}
| <big><tt>7</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|7}}{{familytree/end}}
| <big><tt>7</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|7}}{{Family Tree/end}}
|-
|-
| <big><tt>D</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|D}}{{familytree/end}}
| <big><tt>D</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|D}}{{Family Tree/end}}
| <big><tt>%</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|%}}{{familytree/end}}
| <big><tt>%</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|%}}{{Family Tree/end}}
| <big><tt>C</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|C}}{{familytree/end}}
| <big><tt>C</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|C}}{{Family Tree/end}}
|-
|-
| <big><tt>L</tt></big> ||style="border: 1px solid gray"| {{familytree/start}}{{familytree|L}}{{familytree/end}}
| <big><tt>L</tt></big> ||style="border: 1px solid gray"| {{Family Tree/start}}{{Family Tree|L}}{{Family Tree/end}}
| <big><tt>A</tt></big> ||style="border: 1px solid gray"| {{familytree/start}}{{familytree|A}}{{familytree/end}}
| <big><tt>A</tt></big> ||style="border: 1px solid gray"| {{Family Tree/start}}{{Family Tree|A}}{{Family Tree/end}}
| <big><tt>J</tt></big> ||style="border: 1px solid gray"| {{familytree/start}}{{familytree|J}}{{familytree/end}}
| <big><tt>J</tt></big> ||style="border: 1px solid gray"| {{Family Tree/start}}{{Family Tree|J}}{{Family Tree/end}}
|-
|-
| <big><tt>~</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|~}}{{familytree/end}}
| <big><tt>~</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|~}}{{Family Tree/end}}
| <big><tt>:</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|:}}{{familytree/end}}
| <big><tt>:</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|:}}{{Family Tree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree| }}{{familytree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree| }}{{Family Tree/end}}
|}
|}
{|style="float:left;margin-left:1em"
{|style="float:left;margin-left:1em"
|+ '''Mixed (1):'''
|+ '''Mixed (1):'''
|-
|-
| <big><tt>r</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|r}}{{familytree/end}}
| <big><tt>r</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|r}}{{Family Tree/end}}
| <big><tt>y</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|y}}{{familytree/end}}
| <big><tt>y</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|y}}{{Family Tree/end}}
| <big><tt>n</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|n}}{{familytree/end}}
| <big><tt>n</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|n}}{{Family Tree/end}}
|-
|-
| <big><tt>]</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|]}}{{familytree/end}}
| <big><tt>]</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|]}}{{Family Tree/end}}
| <big><tt>#</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|#}}{{familytree/end}}
| <big><tt>#</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|#}}{{Family Tree/end}}
| <big><tt>[</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|[}}{{familytree/end}}
| <big><tt>[</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|[}}{{Family Tree/end}}
|-
|-
| <big><tt>c</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|c}}{{familytree/end}}
| <big><tt>c</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|c}}{{Family Tree/end}}
| <big><tt>h</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|h}}{{familytree/end}}
| <big><tt>h</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|h}}{{Family Tree/end}}
| <big><tt>j</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|j}}{{familytree/end}}
| <big><tt>j</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|j}}{{Family Tree/end}}
|-
|-
| <big><tt>~</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|~}}{{familytree/end}}
| <big><tt>~</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|~}}{{Family Tree/end}}
| <big><tt>!</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|!}}{{familytree/end}}
| <big><tt>!</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|!}}{{Family Tree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree| }}{{familytree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree| }}{{Family Tree/end}}
|}
|}
{|style="float:left;margin-left:1em"
{|style="float:left;margin-left:1em"
|+ '''Mixed (2):'''
|+ '''Mixed (2):'''
|-
|-
| <big><tt>p</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|p}}{{familytree/end}}
| <big><tt>p</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|p}}{{Family Tree/end}}
| <big><tt>u</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|u}}{{familytree/end}}
| <big><tt>u</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|u}}{{Family Tree/end}}
| <big><tt>q</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|q}}{{familytree/end}}
| <big><tt>q</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|q}}{{Family Tree/end}}
|-
|-
| <big><tt>}</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|}|}}{{familytree/end}}
| <big><tt>}</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|}|}}{{Family Tree/end}}
| <big><tt>*</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|*}}{{familytree/end}}
| <big><tt>*</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|*}}{{Family Tree/end}}
| <big><tt>{</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|{|}}{{familytree/end}}
| <big><tt>{</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|{|}}{{Family Tree/end}}
|-
|-
| <big><tt>b</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|b}}{{familytree/end}}
| <big><tt>b</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|b}}{{Family Tree/end}}
| <big><tt>t</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|t|}}{{familytree/end}}
| <big><tt>t</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|t|}}{{Family Tree/end}}
| <big><tt>d</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|d}}{{familytree/end}}
| <big><tt>d</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|d}}{{Family Tree/end}}
|-
|-
| <big><tt>-</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|-}}{{familytree/end}}
| <big><tt>-</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|-}}{{Family Tree/end}}
| <big><tt>:</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|:}}{{familytree/end}}
| <big><tt>:</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|:}}{{Family Tree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree| }}{{familytree/end}}
| <big><tt> </tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree| }}{{Family Tree/end}}
|}
|}
{|style="float:left;margin-left:1em"
{|style="float:left;margin-left:1em"
Line 119: Line 119:
|-
|-
| ||
| ||
| <big><tt>T</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|T}}{{familytree/end}}
| <big><tt>T</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|T}}{{Family Tree/end}}
|-
|-
| <big><tt>G</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|G}}{{familytree/end}}
| <big><tt>G</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|G}}{{Family Tree/end}}
| <big><tt>X</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|X}}{{familytree/end}}
| <big><tt>X</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|X}}{{Family Tree/end}}
| <big><tt>K</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|K}}{{familytree/end}}
| <big><tt>K</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|K}}{{Family Tree/end}}
| <big><tt>k</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|k}}{{familytree/end}}
| <big><tt>k</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|k}}{{Family Tree/end}}
|-
|-
| ||
| ||
| <big><tt>U</tt></big> ||style="border:1px solid gray"| {{familytree/start}}{{familytree|U}}{{familytree/end}}
| <big><tt>U</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|U}}{{Family Tree/end}}
|}
|}
<br clear="left" />
<br clear="left" />
Line 138: Line 138:


<pre style="overflow:auto;">
<pre style="overflow:auto;">
{{familytree/start |summary=Box 1 married to Box 2, with children Box 3 and Box 4}}
{{Family Tree/start |summary=Box 1 married to Box 2, with children Box 3 and Box 4}}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Family Tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{familytree/end}}
{{Family Tree/end}}
</pre>
</pre>


produces a result like this:
produces a result like this:


{{familytree/start |summary=Box 1 married to Box 2, with children Box 3 and Box 4}}
{{Family Tree/start |summary=Box 1 married to Box 2, with children Box 3 and Box 4}}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Family Tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{familytree/end}}
{{Family Tree/end}}


Style attributes can even be set for individual boxes, as in the example below:
Style attributes can even be set for individual boxes, as in the example below:


<pre style="overflow:auto;">
<pre style="overflow:auto;">
{{familytree/start |White box with three children Red box, Green box, Blue box, all married to each other}}
{{Family Tree/start |White box with three children Red box, Green box, Blue box, all married to each other}}
{{familytree| | | | |WHITE| | | | |WHITE=White box
{{Family Tree| | | | |WHITE| | | | |WHITE=White box
|boxstyle_WHITE = background-color: #fff;
|boxstyle_WHITE = background-color: #fff;
}}
}}
{{familytree| |,|-|-|'|!|`|-|-|.| }}
{{Family Tree| |,|-|-|'|!|`|-|-|.| }}
{{familytree|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
{{Family Tree|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  = background-color: #faa;
|boxstyle_RED  = background-color: #faa;
|boxstyle_GREEN = background-color: #afa;
|boxstyle_GREEN = background-color: #afa;
|boxstyle_BLUE  = background-color: #aaf;
|boxstyle_BLUE  = background-color: #aaf;
}}
}}
{{familytree/end}}
{{Family Tree/end}}
</pre>
</pre>


which produces the output:
which produces the output:


{{familytree/start |White box with three children Red box, Green box, Blue box, all married to each other}}
{{Family Tree/start |White box with three children Red box, Green box, Blue box, all married to each other}}
{{familytree| | | | |WHITE| | | | |WHITE=White box
{{Family Tree| | | | |WHITE| | | | |WHITE=White box
|boxstyle_WHITE = background-color: #fff;
|boxstyle_WHITE = background-color: #fff;
}}
}}
{{familytree| |,|-|-|'|!|`|-|-|.| }}
{{Family Tree| |,|-|-|'|!|`|-|-|.| }}
{{familytree|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
{{Family Tree|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  =background-color: #faa;
|boxstyle_RED  =background-color: #faa;
|boxstyle_GREEN=background-color: #afa;
|boxstyle_GREEN=background-color: #afa;
|boxstyle_BLUE =background-color: #aaf;
|boxstyle_BLUE =background-color: #aaf;
}}
}}
{{familytree/end}}
{{Family Tree/end}}


'''NOTE:''' When specifying style attributes for individual named boxes, make sure the box names are aligned to the '''left''' side of area reserved for them in the template call (as in "<code>|RED&nbsp;&nbsp;|</code>" instead of "<code>|&nbsp;RED&nbsp;|</code>" in the example above).  Otherwise the template will end up looking for a style parameter with spaces in its name.
'''NOTE:''' When specifying style attributes for individual named boxes, make sure the box names are aligned to the '''left''' side of area reserved for them in the template call (as in "<code>|RED&nbsp;&nbsp;|</code>" instead of "<code>|&nbsp;RED&nbsp;|</code>" in the example above).  Otherwise the template will end up looking for a style parameter with spaces in its name.


The {{tl|familytree/start}} template also accepts an optional ''style'' parameter that can be used to set CSS styles for the entire table.
The {{tl|Family Tree/start}} template also accepts an optional ''style'' parameter that can be used to set CSS styles for the entire table.


==See also==
==See also==
* {{tl|chart}} – supports more complex family trees
* {{tl|chart}} – supports more complex family trees
* [[User:GregU/familytree.js|familytree.js]] – tool to easily create or update diagrams using these templates
* [[User:GregU/Family Tree.js|Family Tree.js]] – tool to easily create or update diagrams using these templates
* [http://godskingsandheroes.info/gedcom2wiki/convert.htm gedcom2wiki service] – online service to convert gedcom files to wiki family tree template markup
* [http://godskingsandheroes.info/gedcom2wiki/convert.htm gedcom2wiki service] – online service to convert gedcom files to wiki family tree template markup
* [[Wikipedia:Family trees]] – other methods
* [[Wikipedia:Family trees]] – other methods
2,273

edits