Template:Familytree

{{Familytree/step2| boxstyle={{{boxstyle|}}}| border={{{border|2}}}|

row1 ""= | row2 ""=| row1 " "=   | row2 " "=| row1 "0"=   | row2 "0"=|

row1 "-"=   | row2 "-"=   |

row1 "!"=      | row2 "!"=|

row1 ","=       | row2 ","=    <span style="font:1px/1px serif">   |

row1 "v"=<td colspan="2" style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  | row2 "v"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "."=<td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "."=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  |

row1 ")"=<td rowspan="2" style="border-right:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 ")"= <span style="font:1px/1px serif">   |

row1 "+"=<td style="border-right:1px solid black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "+"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "("=<td style="border-right:1px solid black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "("=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   |

row1 "`"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "`"= <span style="font:1px/1px serif">  |

row1 "^"=<td style="border-right:1px solid black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "^"= <span style="font:1px/1px serif">  |

row1 "'"=<td style="border-right:1px solid black;border-bottom:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   | row2 "'"= <span style="font:1px/1px serif">  |

row1 "~"=<td colspan="2" style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  | row2 "~"= <span style="font:1px/1px serif">  |

row1 ":"=<td rowspan="2" style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 ":"=|

row1 "F"= <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "F"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "V"=<td colspan="2" style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  | row2 "V"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "7"=<td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "7"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "D"=<td rowspan="2" style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "D"= <span style="font:1px/1px serif">  |

row1 "%"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "%"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "C"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "C"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "L"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "L"= <span style="font:1px/1px serif">  |

row1 "A"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "A"= <span style="font:1px/1px serif">  |

row1 "J"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   | row2 "J"= <span style="font:1px/1px serif">  |

row1 "r"= <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "r"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "y"=<td colspan="2" style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  | row2 "y"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "n"=<td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "n"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  |

row1 "]"=<td rowspan="2" style="border-right:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "]"= <span style="font:1px/1px serif">  |

row1 "#"=<td style="border-right:1px solid black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "#"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "["=<td style="border-right:1px solid black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "["=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  |

row1 "c"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "c"= <span style="font:1px/1px serif">  |

row1 "h"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   | row2 "h"=<td colspan="2" style="border-top:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "j"=<td style="border-right:1px solid black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   | row2 "j"= <span style="font:1px/1px serif">  |

row1 "p"= <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "p"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "u"=<td colspan="2" style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  | row2 "u"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "q"=<td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "q"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "}"=<td rowspan="2" style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "}"= <span style="font:1px/1px serif">  |

row1 "*"=<td style="border-right:1px dashed black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "*"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "{"=<td style="border-right:1px dashed black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "{"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "b"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "b"= <span style="font:1px/1px serif">  |

row1 "t"=<td style="border-right:1px dashed black;border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "t"= <span style="font:1px/1px serif">  |

row1 "d"=<td style="border-right:1px dashed black;border-bottom:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   | row2 "d"= <span style="font:1px/1px serif">  |

row1 "T"=<td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "T"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "G"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "G"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "X"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">   | row2 "X"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "K"=<td style="border-right:1px dashed black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "K"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  |

row1 "k"=<td style="border-right:1px solid black;border-bottom:1px dashed black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "k"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">  |

row1 "Z"=<td style="border-bottom:1px dotted black"> <span style="font:1px/1px serif">  <span style="font:1px/1px serif">   | row2 "Z"=<td style="border-right:1px dotted black"> <span style="font:1px/1px serif">  |

row1 "R"=<td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dotted black"> <span style="font:1px/1px serif">   | row2 "R"=<td style="border-right:1px dotted black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "_"=<td colspan="2" style="border-bottom:1px dotted black"> <span style="font:1px/1px serif">  | row2 "_"= <span style="font:1px/1px serif">  |

row1 "N"=<td style="border-bottom:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "N"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

row1 "&"=<td style="border-right:1px solid black"> <span style="font:1px/1px serif">  <td style="border-bottom:1px dashed black"> <span style="font:1px/1px serif">   | row2 "&"=<td style="border-right:1px dashed black"> <span style="font:1px/1px serif">   <span style="font:1px/1px serif">   |

key_1=""|tst_1_=undef|text_1=|boxstyle_1=| key_2=""|tst_2_=undef|text_2=|boxstyle_2=| key_3=""|tst_3_=undef|text_3=|boxstyle_3=| key_4=""|tst_4_=undef|text_4=|boxstyle_4=| key_5=""|tst_5_=undef|text_5=|boxstyle_5=| key_6=""|tst_6_=undef|text_6=|boxstyle_6=| key_7=""|tst_7_=undef|text_7=|boxstyle_7=| key_8=""|tst_8_=undef|text_8=|boxstyle_8=| key_9=""|tst_9_=undef|text_9=|boxstyle_9=| key_10=""|tst_10_=undef|text_10=|boxstyle_10=| key_11=""|tst_11_=undef|text_11=|boxstyle_11=| key_12=""|tst_12_=undef|text_12=|boxstyle_12=| key_13=""|tst_13_=undef|text_13=|boxstyle_13=| key_14=""|tst_14_=undef|text_14=|boxstyle_14=| key_15=""|tst_15_=undef|text_15=|boxstyle_15=| key_16=""|tst_16_=undef|text_16=|boxstyle_16=| key_17=""|tst_17_=undef|text_17=|boxstyle_17=| key_18=""|tst_18_=undef|text_18=|boxstyle_18=| key_19=""|tst_19_=undef|text_19=|boxstyle_19=| key_20=""|tst_20_=undef|text_20=|boxstyle_20=| key_21=""|tst_21_=undef|text_21=|boxstyle_21=| key_22=""|tst_22_=undef|text_22=|boxstyle_22=| key_23=""|tst_23_=undef|text_23=|boxstyle_23=| key_24=""|tst_24_=undef|text_24=|boxstyle_24=| key_25=""|tst_25_=undef|text_25=|boxstyle_25=| key_26=""|tst_26_=undef|text_26=|boxstyle_26=| key_27=""|tst_27_=undef|text_27=|boxstyle_27=| key_28=""|tst_28_=undef|text_28=|boxstyle_28=| key_29=""|tst_29_=undef|text_29=|boxstyle_29=| key_30=""|tst_30_=undef|text_30=|boxstyle_30=| key_31=""|tst_31_=undef|text_31=|boxstyle_31=| key_32=""|tst_32_=undef|text_32=|boxstyle_32=| key_33=""|tst_33_=undef|text_33=|boxstyle_33=| key_34=""|tst_34_=undef|text_34=|boxstyle_34=| key_35=""|tst_35_=undef|text_35=|boxstyle_35=| key_36=""|tst_36_=undef|text_36=|boxstyle_36=| key_37=""|tst_37_=undef|text_37=|boxstyle_37=| key_38=""|tst_38_=undef|text_38=|boxstyle_38=| key_39=""|tst_39_=undef|text_39=|boxstyle_39=| key_40=""|tst_40_=undef|text_40=|boxstyle_40=| key_41=""|tst_41_=undef|text_41=|boxstyle_41=| key_42=""|tst_42_=undef|text_42=|boxstyle_42=| key_43=""|tst_43_=undef|text_43=|boxstyle_43=| key_44=""|tst_44_=undef|text_44=|boxstyle_44=| key_45=""|tst_45_=undef|text_45=|boxstyle_45=| key_46=""|tst_46_=undef|text_46=|boxstyle_46=| key_47=""|tst_47_=undef|text_47=|boxstyle_47=| key_48=""|tst_48_=undef|text_48=|boxstyle_48=| key_49=""|tst_49_=undef|text_49=|boxstyle_49=| key_50=""|tst_50_=undef|text_50=|boxstyle_50=| key_51=""|tst_51_=undef|text_51=|boxstyle_51=| key_52=""|tst_52_=undef|text_52=|boxstyle_52=| key_53=""|tst_53_=undef|text_53=|boxstyle_53=| key_54=""|tst_54_=undef|text_54=|boxstyle_54=| key_55=""|tst_55_=undef|text_55=|boxstyle_55=| key_56=""|tst_56_=undef|text_56=|boxstyle_56=| key_57=""|tst_57_=undef|text_57=|boxstyle_57=| key_58=""|tst_58_=undef|text_58=|boxstyle_58=| key_59=""|tst_59_=undef|text_59=|boxstyle_59=| key_60=""|tst_60_=undef|text_60=|boxstyle_60=| key_61=""|tst_61_=undef|text_61=|boxstyle_61=| key_62=""|tst_62_=undef|text_62=|boxstyle_62=| key_63=""|tst_63_=undef|text_63=|boxstyle_63=| key_64=""|tst_64_=undef|text_64=|boxstyle_64=| key_65=""|tst_65_=undef|text_65=|boxstyle_65=| key_66=""|tst_66_=undef|text_66=|boxstyle_66=| key_67=""|tst_67_=undef|text_67=|boxstyle_67=| key_68=""|tst_68_=undef|text_68=|boxstyle_68=| key_69=""|tst_69_=undef|text_69=|boxstyle_69=| key_70=""|tst_70_=undef|text_70=|boxstyle_70=| key_71=""|tst_71_=undef|text_71=|boxstyle_71=| key_72=""|tst_72_=undef|text_72=|boxstyle_72=| key_73=""|tst_73_=undef|text_73=|boxstyle_73=| key_74=""|tst_74_=undef|text_74=|boxstyle_74=| key_75=""|tst_75_=undef|text_75=|boxstyle_75=| key_76=""|tst_76_=undef|text_76=|boxstyle_76=| key_77=""|tst_77_=undef|text_77=|boxstyle_77=| key_78=""|tst_78_=undef|text_78=|boxstyle_78=| key_79=""|tst_79_=undef|text_79=|boxstyle_79=| key_80=""|tst_80_=undef|text_80=|boxstyle_80=|

undef=}} Tool for family trees.

The Basics
In the familytree sections, you put "boxes" separated with pipes, and they translate to symbols. The basics:

This gives:

Next, add character names to the boxes like this:

Giving:

And you can color the boxes:


 * boxstyle_EX=background-color: #4A1A9E;
 * boxstyle_EY=background-color: #C13096;}}


 * boxstyle_ER=background-color: #4A1A9E;
 * boxstyle_ES=background-color: #4A1A9E;}}

Giving:

Additionally, a shortcut for coloring male, female, and miscellaneous boxes has been added. To use them, simply replace the contents of the boxstyle_ID parameters with either "f," "m," or "u" (case insensitive), for female, male, and miscellaneous colored boxes.

Giving:

This method should be preferred over manually entering the hex codes, as it is clearer, uses less text, and eases any updates to the style in the future.

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