Difference between revisions of "Template:Familytree"

From Detective Conan Wiki
m
m (Removing that nee bs)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
<includeonly>{{familytree/step2|
 
<includeonly>{{familytree/step2|
 
boxstyle={{{boxstyle|}}}|
 
boxstyle={{{boxstyle|}}}|
border={{{border|2}}}|
+
border={{{border|1}}}|
  
 
row1 ""=<td rowspan="2" colspan="2"></td>|
 
row1 ""=<td rowspan="2" colspan="2"></td>|
Line 260: Line 260:
 
Next, add names to the boxes like this:
 
Next, add names to the boxes like this:
 
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
<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}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
 
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
Line 267: Line 267:
 
Giving:
 
Giving:
 
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{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}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree| |,|-|^|-|.| |}}
 
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
 
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
Line 274: Line 274:
 
And you can color the boxes:
 
And you can color the boxes:
 
<pre>{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
<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
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_MOM=background-color: #FFDAE0;}}
 
|boxstyle_MOM=background-color: #FFDAE0;}}
Line 285: Line 285:
 
Giving:
 
Giving:
 
{{familytree/start|summary=Ayako and Sonoko Suzuki are the daughters of Shiro Suzuki and Tomoko Suzuki.}}
 
{{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
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_DAD=background-color: #D3EBFD;
 
|boxstyle_MOM=background-color: #FFDAE0;}}
 
|boxstyle_MOM=background-color: #FFDAE0;}}

Latest revision as of 09:53, 30 March 2020

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}}
{{familytree| |,|-|^|-|.| |}}
{{familytree|CH1| |CH2|CH1=[[Ayako Suzuki]]|CH2=[[Sonoko Suzuki]]}}
{{familytree/end}}

Giving:

Shiro Suzuki
 
Tomoko Suzuki
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
|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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.