InsaneJournal

Tweak says, "Ya wanna check it out?"

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2009-04-07 13:57:00

Entry tags:

layouts: family tree

[Other Layout] Family Tree - Text Only

Text-Only Family Tree
Icons and pictures are not required to build this tree unless you wish to give the sidebars on the table a background image. Replace IMG_URL with a URL to the image or pattern you wish to use. You may also change the color palette of the table. I find and create the patterns and color palettes I use on COLOURlovers.

The default palette for the tables is:
#A0A0A0 for sidebars and title
#C0C0C0 for middle column background
#808080 for genders and dates
#606060 for names
#F0F0F0 (white) for marriage hearts

Status Key:
b. YEAR = birth | d. YEAR = death | m. YEAR = wedded | s. YEAR = divorce

Symbol HTML:
&hearts; = ♥ | ♀ = ♀ | ♂ = ♂

I have provided two different versions of each code -- one for regular use, one for use with the Disable Auto-Formatting box checked. Personally, I prefer to use the disabled auto-formatting version. It allows the code to be spaced out and easier to navigate which means less chance error as I fill-in the tree information.

You can find live examples of these trees here.

PLEASE, CREDIT rp_tutorials IF YOU USE ONE OF THESE TABLES.

TWO GENERATIONS

The Family Name

Father Name [b. YEAR] ♥ Mother Maiden Name [m. YEAR]

♂ Son Name Middle [b. YEAR] ♥ Wife Maiden Name [m. YEAR]: ♀ Grandaughter Name Middle [b. YEAR]; ♂ Grandson Name Middle [b. YEAR]

♀ Daughter Name Middle [b. YEAR] + Father of Children Name: ♀ Granddaughter Name Middle [b. YEAR]; ♂ Grandson Name Middle [b. YEAR]

♀ Deceased Daughter Name Middle [b. YEAR, d. YEAR]

auto-formatting

disabled auto-formatting

THREE GENERATIONS

The Family Name

Deceased Father Name [b. YEAR, d. YEAR] ♥ Deceased Mother Maiden Name [m. YEAR, d. YEAR]

♂ Son Name Middle [b. YEAR] ♥ Wife Maiden Name [m. YEAR]

♂ Grandson Name Middle [b. YEAR] ♥ Wife Maiden Name [m. YEAR]: ♀ Great-Grandaughter Name Middle [b. YEAR]; ♂ Great-Grandson Name Middle [b. YEAR]

♂ Unmarried Grandson Name Middle [b. YEAR]

♀ Grandaughter Name Middle [b. YEAR] + Ex-Husband Name [m. YEAR, s. YEAR]

♀ Granddaughter Name Middle [b. YEAR] ♥ 2nd Husband Name [m. YEAR]: ♀ Great-Grandaughter Name Middle [b. YEAR]

♀ Unmarried Daughter Name Middle [b. YEAR]

♂ Son Name Middle [b. YEAR] ♥ Wife Maiden Name [m. YEAR]

♂ Widow Grandson Name Middle [b. YEAR] + Deceased Wife Maiden Name [m. YEAR, d. YEAR]: ♂ Great-Grandson Name Middle [b. YEAR]

♂ Unmarried Grandson Name Middle [b. YEAR]

auto-formatting

<table cellpadding="0px" cellspacing="0px" style="background: url('IMAGE_URL') #A0A0A0 repeat center center;">
<tr>
<td width="20px">&nbsp;</td>
<td style="padding: 20px; background-image: none; background-color: #C0C0C0;" valign="top">The Family Name<dl><dt>Deceased Father Name [b. YEAR, d. YEAR] &hearts; Deceased Mother Maiden Name [m. YEAR, d. YEAR]</dt><dd><dl><dt>&#9794; Son Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt><dd><dl><dt>&#9794; Grandson Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt><dd>&#9792; Great-Grandaughter Name Middle [b. YEAR]</dd><dd>&#9794; Great-Grandson Name Middle [b. YEAR]</dd></dl></dd><dd>&#9794; Unmarried Grandson Name Middle [b. YEAR]</dd><dd>&#9792; Grandaughter Name Middle [b. YEAR] + Ex-Husband Name [m. YEAR, s. YEAR]</dd><dd><dl><dt>&#9792; Granddaughter Name Middle [b. YEAR] &hearts; 2nd Husband Name [m. YEAR]</dt><dd>&#9792; Great-Grandaughter Name Middle [b. YEAR]</dd></dl></dd></dl></dd><dd>&#9792; Unmarried Daughter Name Middle [b. YEAR]</dd><dd><dl><dt>&#9794; Son Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt><dd><dl><dt>&#9794; Widow Grandson Name Middle [b. YEAR] + Deceased Wife Maiden Name [m. YEAR, d. YEAR]</dt><dd>&#9794; Great-Grandson Name Middle [b. YEAR]</dd></dl></dd><dd>&#9794; Unmarried Grandson Name Middle [b. YEAR]</dd></dl></dd></dl></td>
<td width="50px">&nbsp;</td>
</tr>
</table>

disabled auto-formatting

<table cellpadding="0px" cellspacing="0px" style="background: url('IMAGE_URL') #A0A0A0 repeat center center;">
<tr>
<td width="20px">&nbsp;</td>
<td style="padding: 20px; background-image: none; background-color: #C0C0C0;" valign="top">The Family Name
<dl>
 <dt>Deceased Father Name [b. YEAR, d. YEAR] &hearts; Deceased Mother Maiden Name [m. YEAR, d. YEAR]</dt>
 <dd>
 <dl>
 <dt>&#9794; Son Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt>
 <dd>
 <dl>
 <dt>&#9794; Grandson Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt>
 <dd>&#9792; Great-Grandaughter Name Middle [b. YEAR]</dd>
 <dd>&#9794; Great-Grandson Name Middle [b. YEAR]</dd>
 </dl>
 </dd>
 <dd>&#9794; Unmarried Grandson Name Middle [b. YEAR]</dd>
 <dd>&#9792; Grandaughter Name Middle [b. YEAR] + Ex-Husband Name [m. YEAR, s. YEAR]</dd>
 <dd>
 <dl>
 <dt>&#9792; Granddaughter Name Middle [b. YEAR] &hearts; 2nd Husband Name [m. YEAR]</dt>
 <dd>&#9792; Great-Grandaughter Name Middle [b. YEAR]</dd>
 </dl>
 </dd>
 </dl>
 </dd>
 <dd>&#9792; Unmarried Daughter Name Middle [b. YEAR]</dd>
 <dd>
 <dl>
 <dt>&#9794; Son Name Middle [b. YEAR] &hearts; Wife Maiden Name [m. YEAR]</dt>
 <dd>
 <dl>
 <dt>&#9794; Widow Grandson Name Middle [b. YEAR] + Deceased Wife Maiden Name [m. YEAR, d. YEAR]</dt>
 <dd>&#9794; Great-Grandson Name Middle [b. YEAR]</dd>
 </dl>
 </dd>
 <dd>&#9794; Unmarried Grandson Name Middle [b. YEAR]</dd>
 </dl>
 </dd>
</dl></td>
<td width="50px">&nbsp;</td>
</tr>
</table>

Questions? Concerns? Need help altering the code?
Feel free to leave a comment on this entry or email me at xvanyaeldax[at]gmail[dot]com.

I also have four visual family trees (i.e. trees with spaces for images) which I will be posting as I complete each of their tutorials. :D

(Post a new comment)

	stigmata 2009-04-07 02:14 pm UTC (link)
	oh man, this is so awesome. my OCPD self got all excited :D now I'll spend all day procrastinating for a good cause. (Reply to this)

	blackline_mod 2009-04-07 05:08 pm UTC (link)
	Looks really great! (Reply to this)

too_much
2009-04-17 08:08 pm UTC (link)

I have a large family set up I want to do.

Basically the two head parents.

Then their kids, and some of those kids have kids, but things don't want to align up right. I'm still messing with the code, but if I by chance could get a little assistance that would be great, because I have no idea how I can set it up so it's listing the "heads of the family", their children and only under two of the 10 children, have kids of their own.

(Reply to this)

	daredevilry 2009-11-24 10:53 pm UTC (link)
	Using it here. (Reply to this)

	stephendudley 2010-09-19 01:21 pm UTC (link)
	Let's pretend I commented from the correct journal. here in new colours to match the BG in the journal. (Reply to this)