Template:Family tree/doc: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 7: Line 7:
| image = [[File:Edit-copy purple-wikit.svg|40px]]
| image = [[File:Edit-copy purple-wikit.svg|40px]]
| type  = move
| type  = move
| text  = When editing extremely large diagram with Family tree it is possible that you would be unable to submit the content due to [[Wikipedia:template limits]].  In that case please consider migrating your diagram to {{tl|Chart}} which generates lower preprocessor node count.
| text  = When editing extremely large diagram with family tree it is possible that you would be unable to submit the content due to [[Wikipedia:template limits]].  In that case please consider migrating your diagram to {{tl|Chart}} which generates lower preprocessor node count.
}}
}}


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"| {{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>7</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|7}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|D}}{{Family Tree/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"| {{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>C</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|C}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|L}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|A}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|J}}{{Family Tree/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"| {{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}}
|}
|}
{|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"| {{Family Tree/start}}{{Family Tree|r}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|y}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|n}}{{Family Tree/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"| {{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>c</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|c}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|h}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|j}}{{Family Tree/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"| {{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}}
|}
|}
{|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"| {{Family Tree/start}}{{Family Tree|p}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|u}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|q}}{{Family Tree/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"| {{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>b</tt></big> ||style="border:1px solid gray"| {{Family Tree/start}}{{Family Tree|b}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|t|}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|d}}{{Family Tree/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"| {{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}}
|}
|}
{|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"| {{Family Tree/start}}{{Family Tree|T}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|G}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|X}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|K}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|k}}{{Family Tree/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"| {{Family Tree/start}}{{Family Tree|U}}{{Family Tree/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;">
{{Family Tree/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}}
{{Family Tree|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}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{family tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Family Tree|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}}
{{Family Tree/end}}
{{family tree/end}}
</pre>
</pre>


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


{{Family Tree/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}}
{{Family Tree|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}}
{{Family Tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{family tree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Family Tree|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}}
{{Family Tree/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;">
{{Family Tree/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}}
{{Family Tree| | | | |WHITE| | | | |WHITE=White box
{{family tree| | | | |WHITE| | | | |WHITE=White box
|boxstyle_WHITE = background-color: #fff;
|boxstyle_WHITE = background-color: #fff;
}}
}}
{{Family Tree| |,|-|-|'|!|`|-|-|.| }}
{{family tree| |,|-|-|'|!|`|-|-|.| }}
{{Family Tree|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;
}}
}}
{{Family Tree/end}}
{{family tree/end}}
</pre>
</pre>


which produces the output:
which produces the output:


{{Family Tree/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}}
{{Family Tree| | | | |WHITE| | | | |WHITE=White box
{{family tree| | | | |WHITE| | | | |WHITE=White box
|boxstyle_WHITE = background-color: #fff;
|boxstyle_WHITE = background-color: #fff;
}}
}}
{{Family Tree| |,|-|-|'|!|`|-|-|.| }}
{{family tree| |,|-|-|'|!|`|-|-|.| }}
{{Family Tree|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;
}}
}}
{{Family Tree/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|Family Tree/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/Family Tree.js|Family Tree.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


<includeonly>
<includeonly>
2,273

edits

Navigation menu