Utilisateur:Hlm Z./Bacasable 3/Documentation

Ceci est la page de documentation de Utilisateur:Hlm Z./Bacasable 3 [modifier] [purger].

Cette sous-page contient les instructions et les catégories de son utilisateur d'origine et elle n'est pas destinée à être visualisée directement.

Ce modèle sert à afficher un arbre généalogique, ou plus généralement un organigramme, dans un article.

Il a été conçu de façon à ce que sa syntaxe soit pratique à éditer. Son utilisation demeure néanmoins un peu complexe et il est recommandé d'effectuer préalablement des tests sur un bac à sable.

Syntaxe générale modifier

De façon générale :

on « commence » l'arbre par {{Arbre généalogique/début}} ;
on décrit ensuite l'arbre ligne par ligne, en tapant à chaque fois {{Arbre généalogique}} avec les paramètres décrivant la ligne ;
on « termine » l'arbre par {{Arbre généalogique/fin}}.

Les paramètres du modèle, utilisés pour chaque ligne, « décrivent » la ligne de gauche à droite ; ils peuvent être :

soit rien, si cet emplacement dans la ligne ne correspond à rien dans l'arbre ;
soit un caractère « représentant » un tracé élémentaire (trait, angle de trait, etc.). Voir la liste complète ci-dessous ;
soit un court identifiant, symbolisant une personne (ou une case) ; le texte à afficher dans la case correspondante doit alors être renseigné en fin de ligne (voir l'exemple ci-dessous pour mieux comprendre).

Idéalement les paramètres « vides » seront représentés par une espace, et les identifiants de case seront composés de 3 caractères, et précédés et suivis d'une espace ; ainsi on garde une certaine apparence visuelle de l'arbre dans le texte source même (en fait, on peut disposer de 5 caractères, espaces éventuelles avant et après comprises, pour l'identifiant).

Note importante : pour des raisons de compatibilité avec le code, les identifiants des cases (ou des personnes) ne doivent être ni des caractères représentant les tracés élémentaires (A, C, D, F, é, è, etc.), ni les nombres de 1 à 150 qui constituent les keys du modèle, ceux-ci créant des bugs d'affichage.

Tableau récapitulatif des tracés élémentaires modifier

Tous les tracés élémentaires possibles (à gauche le caractère utilisé, dans le cadre le rendu) :

,

v

.

-

)

+

(

!

`

^

'

F

V

7

~

D

%

C

:

L

A

J

é

è

<

>

Ä

*

#

y

Y

ÿ

Ÿ

À

ä

?

<= ? =>

Notes

Vous pouvez placer le tableau récapitulatif ci-dessus en pense-bête dans votre espace utilisateur, via le modèle {{Arbre généalogique/Documentation/Liens familiaux}}.
Les paramètres des cadres par défaut sont <div style="text-align:center; border:2px solid black; padding:0.2em; margin:0 auto;">{{{1}}}</div>, ce qui donne :

Contenu

On peut cependant personnaliser l'apparence des cases de l'arbre via les paramètres border et boxstyle. Voir l'exemple 3 ci-dessous.

Exemples modifier

Généalogie modifier

Note : Par convention, les lignes pleines indiquent les liens principaux (mariages, filiation officielle) et les lignes en pointillé les liens secondaires (adoption, enfants naturels, unions libres, sauts de générations, etc.) ou incertains. Elles peuvent également être utilisées en cas de chevauchement pour éviter toute confusion.

Exemple 1

Un exemple d'arbre généalogique simple

{{Arbre généalogique/début}}
{{Arbre généalogique| | | |GDP|-|v|-|GDM 
|GDP=Grand-père
|GDM=Grand-mère}}
{{Arbre généalogique| | | | | | | |)|-|-|-|.}}
{{Arbre généalogique| | |PER|v|MER| |ONC
|PER=Père
|MER=Mère
|ONC=Oncle}}
{{Arbre généalogique| |,|-|-|-|+|-|-|-|.}}
{{Arbre généalogique|FRE| |MOI| |SOE
|FRE=Frère
|MOI='''Moi !'''
|SOE=Sœur}}
{{Arbre généalogique/fin}}

Ce qui donnera :

Grand-père

Grand-mère

Père

Mère

Oncle

Frère

Moi !

Sœur

Exemple 2

Un exemple d'arbre généalogique un peu plus complexe expliquant le lien de parenté entre deux personnes :

Texte source

{{Arbre généalogique/début}}
{{Arbre généalogique| | | | | | | AGP |-|-|v|-|-| AGM | | | | | | |AGP=Arrière-grand-père|AGM=Arrière-grand-mère}}
{{Arbre généalogique| | | | | | | |,|-|-|-|^|-|-|-|.| | | | | | | |}}
{{Arbre généalogique| GDM |-|v|-| GDP | | | | | | GDT |-|v|-| EPX |GDM=Grand-mère|GDP=Grand-père|GDT=Grand-tante|EPX=Époux}}
{{Arbre généalogique| | | | |!| | | | | | | | | | | | | |!| | | | |}}
{{Arbre généalogique| | | | PER |v| MER | | | | EPS |v| ONC | | | |PER=Père|ONC=Oncle|MER=Mère|EPS=Épouse}}
{{Arbre généalogique| | | | | | |!| | | | | | | | | |!| | | | | | |}}
{{Arbre généalogique| | | | | | MOI | | | | | | | | PCO | | | | | |MOI=Moi !|PCO=Petite cousine}}
{{Arbre généalogique/fin}}

Arrière-grand-père

Arrière-grand-mère

Grand-mère

Grand-père

Grand-tante

Époux

Père

Mère

Épouse

Oncle

Moi !

Petite cousine

Exemple 3

Un autre exemple pour les généalogies ascendantes, avec un style de cases « personnalisé » :

Texte source

{{Arbre généalogique/début}}
{{Arbre généalogique| GPP | | GMP | | | | GPM | | GMM |GPP=Grand-père paternel|GMP=Grand-mère paternelle|GPM=Grand-père maternel|GMM=Grand-mère maternelle|border=2|boxstyle=background:#dfd;}}
{{Arbre généalogique| |`|-|v|-|'| | | | | |`|-|v|-|'| |}}
{{Arbre généalogique| | | PER | | | | | | | | MER | | |PER=Père|MER=Mère|border=2|boxstyle=background:#dfd;}}
{{Arbre généalogique| | | |`|-|-|-|-|v|-|-|-|-|'| | | |}}
{{Arbre généalogique| | | | | | | | MOI | | | | | | | |MOI=Moi !|border=2|boxstyle=background:#dfd;}}
{{Arbre généalogique/fin}}

Grand-père paternel

Grand-mère paternelle

Grand-père maternel

Grand-mère maternelle

Père

Mère

Moi !

Exemple 4

Un exemple d'utilisation des styles boxstyle individualisés : boxstyle1= pour définir la première case d'une ligne, boxstyle2= pour la 2^e case, ... boxstylen pour la n^e case.

Il est recommandé de (bien) connaître les propriétés CSS et les codes des couleurs.

Texte source

{{Arbre généalogique/début}}
{{Arbre généalogique| | | | | | | AGP |-|-|v|-|-| AGM | | | | | | |AGP=Arrière-grand-père|AGM=Arrière-grand-mère
 | boxstyle7 = background:#eef;border:3px ridge #88f;
 | boxstyle13= background:#fee;border:3px ridge #f88;
}}
{{Arbre généalogique| | | | | | | |,|-|-|-|ä|~|~|~|7| | | | | | | |}}
{{Arbre généalogique| GDM |-|v|-| GDP | | | | | | GDT |~|V|~| EPX |GDM=Grand-mère|GDP=Grand-père|GDT=Grand-tante|EPX=Époux
 | boxstyle1 = background:#fee;border:2px dotted #f88;
 | boxstyle5 = background:#eef;border:2px dotted #88f;
 | boxstyle11= background:#fee;border:2px dotted #f88;
 | boxstyle15= background:#eef;border:2px dotted #88f;
}}
{{Arbre généalogique| | | | |!| | | | | | | | | | | | | |:| | | | |}}
{{Arbre généalogique| | | | PER |v| MER | | | | EPS |V| ONC | | | |PER=Père|ONC=Oncle|MER=Mère|EPS=Épouse
 | boxstyle4 = background:#eef;border:1px dashed #88f;
 | boxstyle6 = background:#fee;border:1px dashed #f88;
 | boxstyle10= background:#fee;border:1px dashed #f88;
 | boxstyle12= background:#eef;border:1px dashed #88f;
}}
{{Arbre généalogique| | | | | | |!| | | | | | | | | |:| | | | | | |}}
{{Arbre généalogique| | | | | | MOI | | | | | | | | PCO | | | | | |MOI=[[Fichier:WhiteCat.jpg|40px|left]][[chat|Miaou !]]|PCO=[[Fichier:WhiteCat.jpg|40px]]<br />Petite cousine
 | boxstyle6 = background:#fea;padding:0px;
 | boxstyle14= background:#fee;border:2px dotted #000;
}}
{{Arbre généalogique/fin}}

Arrière-grand-père

Arrière-grand-mère

Grand-mère

Grand-père

Grand-tante

Époux

Père

Mère

Épouse

Oncle

Miaou !

Petite cousine

Autres usages modifier

Par exemple sur l'article Travail de deuil :

Texte source

'''Schéma de [[George Kolhrieser]] du processus de deuil.'''
<div style="width: 80%; margin: 1em; padding: 0.5em; border: 1px solid #ccc; font-size:90%;">
{{Arbre généalogique/début}}
{{Arbre généalogique| | | | | |,|a|.|a=Attachement}}
{{Arbre généalogique| | | | | |!| |:| |!}}
{{Arbre généalogique| | | | |b|:|c|b=Travail<br />de deuil|c=Créer<br />des liens}}
{{Arbre généalogique| | | | | |!| |:| |!}}
{{Arbre généalogique| | | | | |`|d|'|d=Séparation}}
{{Arbre généalogique| | | | | | | |!}}
{{Arbre généalogique| | | | | | |e|e=Détachement}}
{{Arbre généalogique| | | | | | | |!}}
{{Arbre généalogique| | | | | | |f|f=Abandon}}
{{Arbre généalogique| | | | | | | |!}}
{{Arbre généalogique| | | | | | |g|g=Sentiment de solitude}}
{{Arbre généalogique| |,|-|-|-|v|-|^|-|v|-|-|-|.}}
{{Arbre généalogique|aaa| |bbb| |ccc| |ddd|aaa=[[Violence]]{{clr}}envers soi{{clr}}envers les autres|bbb=<br />[[Dépression (médecine)|Dépression]]|ccc=Maladies{{clr}}[[Maladie psychosomatique|psychosomatiques]]|ddd=[[Addiction]]s{{clr}}[[Toxicomanie]]s}}
{{Arbre généalogique/fin}}
</div>

Schéma de George Kolhrieser du processus de deuil.

Attachement