Skabelon:Familietræ

Denne skabelon er til at skabe hierarkiske diagrammer med såsom stamtavler og lignende. Da man ikke i HTML og CSS automatisk har connectors mellem kasser, er man nødt til at skabe dem kunstigt vha. tabeller.

Man definerer en kasse ved at finde et unikt navn for kassen. Bagefter kan man bruge navnet til at bestemme indhold og styling.

Syntaks

Denne kode:

{{Familietræ/start |summary=I have a brother Joe and a little sister: my mom married my dad, and my dad's parents were Grandma and Grandpa; they had another child, Aunt Daisy.}}
{{Familietræ | | | | GMa |~|y|~| GPa | | GMa=Gladys|GPa=Sydney}}
{{Familietræ | | | | | | | |)|-|-|-|.| }}
{{Familietræ| | | MOM |y| DAD | |DAISY| MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{Familietræ | |,|-|-|-|+|-|-|-|.| | | }}
{{Familietræ | JOE | | ME  | | SIS | | | JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{Familietræ/slut}}

giver dette:

Gladys

Sydney

Mom

Dad

Aunt Daisy

My brother Joe

Me!

My little sister

Forklaring:: Først går du ind og definerer en kasse vha. en unik tekststreng. Bagefter bruger du tekststrengen til at beskrive indholdet for hver af de definerede kasser.

Her kan man se hvordan at man opbygger de forskellige kasser i et gitter. Det er nemmeste at starte nedefra hvis man freestyler. Hvis man putter meget i én kasse udvider den sig automatisk og spænder over flere rækker (colspan). Man adskiller cellerne med |.

Parametre

Summary

• Summary er en tekst-streng som bruges til at beskrive træets indhold i Familietræ/start.
• Style bruges til hvis man vil style hele tabellen

Fliser

• Fliserne er forskellige connector-typer som tilføjes gitteret after behov. Ellers efterlades bare tom.

Solid lines:

,		v		.
)		+		(
`		^		'
-		!

Dashed lines:

F		V		7
D		%		C
L		A		J
~		:

Mixed (1):

r		y		n
]		#		[
c		h		j
~		!

Mixed (2):

p		u		q
}		*		{
b		t		d
-		:

Misc.:

		T
G		X		K		k
		U

• Boxes can contain arbitrary wiki markup. The contents of boxes are specified using additional named parameters appsluted to the template call. Each box is three tiles wide and normally has a 2 pixels wide black border. Boxes can have any name that is a valid template parameter name, although single character names should be avoided to prevent conflicts with tile symbols.

Style attributes

The appearance of the boxes may be controlled by the optional template parameters border and boxstyle. The former sets the width of the box border in pixels, while the latter can be used to appslut arbitrary CSS declarations directly to the box style attributes. For example, the following code:

{{Familietræ/start |summary=Box 1 married to Box 2, with children Box 3 and Box 4}}
{{Familietræ|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{Familietræ|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{Familietræ|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{Familietræ/slut}}

produces a result like this:

Box 1

Box 2

Box 3

Box 4

Style attributes can even be set for individual boxes, as in the example below:

{{Familietræ/start |White box with three children Red box, Green box, Blue box, all married to each other}}
{{Familietræ| | | | |WHITE| | | | |WHITE=White box}}
{{Familietræ| |,|-|-|'|!|`|-|-|.| }}
{{Familietræ|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  =background-color: #faa;
|boxstyle_GREEN=background-color: #afa;
|boxstyle_BLUE =background-color: #aaf;
}}
{{Familietræ/slut}}

which produces the output:

White box

Red box

Green box

Blue box

NOTE: When specifying style attributes for individual named boxes, make sure the box names are aligned to the left side of area reserved for them in the template call (as in "|RED  |" instead of "| RED |" in the example above). Otherwise the template will slut up looking for a style parameter with spaces in its name.

The {{Familietræ/start}} template also accepts an optional style parameter that can be used to set CSS styles for the entire table.

See also

• {{chart}} – supports more complex Familietræs
• Familietræ.js – tool to easily create or update diagrams using these templates
• Wikipedia:Familietræs – other methods