Difference between revisions of "Template:Familytree"

From Detective Conan Wiki
m
Line 243: Line 243:
  
 
==Text-only trees==
 
==Text-only trees==
−
<pre>{{familytree/start|sample tree}}
+
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|}}
 
{{familytree|DAD|y|MOM|}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
Line 250: Line 250:
  
 
This gives:
 
This gives:
−
{{familytree/start|sample tree}}
+
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|}}
 
{{familytree|DAD|y|MOM|}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree|CH1| |CH2|}}
 
{{familytree|CH1| |CH2|}}
 
{{familytree/end}}
 
{{familytree/end}}
 +
 +
The "summary=" parameter of the family tree template should be used to describe the overall layout of the tree. This summary is for accessibility: it is read aloud to visually impaired readers who use screen readers, and is invisible to sighted readers.
  
 
Next, add names to the boxes like this:
 
Next, add names to the boxes like this:
−
<pre>{{familytree/start|sample tree}}
+
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
Line 264: Line 266:
  
 
Giving:
 
Giving:
−
{{familytree/start|sample tree}}
+
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
Line 271: Line 273:
  
 
And you can color the boxes:
 
And you can color the boxes:
−
<pre>{{familytree/start|sample tree}}
+
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;
Line 282: Line 284:
  
 
Giving:
 
Giving:
−
{{familytree/start|sample tree}}
+
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?
 
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;
Line 296: Line 298:
  
 
Example:
 
Example:
−
<pre>{{familytree/start|sample tree}}
+
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
Line 303: Line 305:
  
 
Giving:
 
Giving:
−
{{familytree/start|sample tree}}
+
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
Line 310: Line 312:
  
 
These boxes can also be colored:
 
These boxes can also be colored:
−
<pre>{{familytree/start|sample tree}}
+
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;
Line 321: Line 323:
  
 
Giving:
 
Giving:
−
{{familytree/start|sample tree}}
+
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}
 
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;

Revision as of 18:07, 1 December 2012

Tool for family trees.

Text-only trees

{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
{{familytree|DAD|y|MOM|}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|}}
{{familytree/end}}

This gives:

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


The "summary=" parameter of the family tree template should be used to describe the overall layout of the tree. This summary is for accessibility: it is read aloud to visually impaired readers who use screen readers, and is invisible to sighted readers.

Next, add names to the boxes like this: 

{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
{{familytree|DAD|y|MOM|DAD=Shiro Suzuki|MOM=Tomoko Suzuki<br />nee ?}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
{{familytree/end}}

Giving:

Shiro Suzuki
 
Tomoko Suzuki
nee ?
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ayako Suzuki
 
Sonoko Suzuki


And you can color the boxes: 

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

Giving:

Shiro Suzuki
 
Tomoko Suzuki
nee ?
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1={{familytree/Ayako Suzuki}}|CH2={{familytree/Sonoko Suzuki}}}}
{{familytree/end}}

Giving:

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


These boxes can also be colored: 

{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
{{familytree|DAD|y|MOM|DAD={{familytree/Shiro Suzuki}}|MOM={{familytree/Tomoko Suzuki}}
|boxstyle_DAD=background-color: #D3EBFD;
|boxstyle_MOM=background-color: #FFDAE0;}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1={{familytree/Ayako Suzuki}}|CH2={{familytree/Sonoko Suzuki}}
|boxstyle_CH1=background-color: #FFDAE0;
|boxstyle_CH2=background-color: #FFDAE0;}}
{{familytree/end}}

Giving:

Shiro Suzuki.jpg
Shiro Suzuki
 
Tomoko Suzuki.jpg
Tomoko 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 used for the lines.

Retrieved from "https://www.detectiveconanworld.com/wiki/index.php?title=Template:Familytree&oldid=89310"