Template:Familytree

From Detective Conan Wiki
Revision as of 15:57, 1 December 2012 by Skyechan (talk | contribs)

Tool for family trees.

Text-only trees

{{familytree/start|sample tree}}
{{familytree|MOM|y|DAD|}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|}}
{{familytree/end}}

This gives:

{{{MOM}}}
 
{{{DAD}}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{{{CH1}}}
 
{{{CH2}}}


Next, add names to the boxes like this:

{{familytree/start|sample tree}}
{{familytree|MOM|y|DAD|MOM=Tomoko Suzuki<br />nee ?|DAD=Shiro Suzuki}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
{{familytree/end}}

Giving:

Tomoko Suzuki
nee ?
 
Shiro Suzuki
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ayako Suzuki
 
Sonoko Suzuki


And you can color the boxes:

{{familytree/start|sample tree}}
{{familytree|MOM|y|DAD|MOM=Tomoko Suzuki<br />nee ?|DAD=Shiro Suzuki
|boxstyle_MOM=background-color: #FFDAE0;
|boxstyle_DAD=background-color: #D3EBFD;}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]
|boxstyle_CH1=background-color: #FFDAE0;
|boxstyle_CH2=background-color: #FFDAE0;}}
{{familytree/end}}

Giving:

Tomoko Suzuki
nee ?
 
Shiro Suzuki
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ayako Suzuki
 
Sonoko Suzuki


Adding images

In order to have images on a family tree, characters must have a family tree template created for themselves. See Template:Familytree/Sonoko Suzuki for an example. To use the templates, write the template name where you'd normally just write the character name when using the text-only template.

Example:

{{familytree/start|sample tree}}
{{familytree|MOM|y|DAD|MOM={{familytree/Tomoko Suzuki}}|DAD={{familytree/Shiro Suzuki}}}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1={{familytree/Ayako Suzuki}}|CH2={{familytree/Sonoko Suzuki}}}}
{{familytree/end}}

Giving:

Tomoko Suzuki.jpg
Tomoko Suzuki
 
Shiro Suzuki.jpg
Shiro Suzuki
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ayako Suzuki.jpg
Ayako Suzuki
 
Sonoko Suzuki.jpg
Sonoko Suzuki


More info

Check this article on wikipedia for advanced usage and the explanation of all symbols.