Modèle de carnet de voyage

Bonjour à tous, voici donc la nouvelle réforme du forum: le carnet de voyage!
Qu'est-ce que le carnet de voyage? Et bien il s'agit tout simplement de la fusion de la fiche de relations et du journal de bord, afin de rendre la page d'accueil moins chargée en forums et de réunir les différents sujets à remplir pour les nouveaux membres.
Le carnet de voyage est quasi-obligatoire, si vous ne le faites pas, ben, vous serez vu du pire oeil qui soit(plus sérieusement je me suiciderait car j'ai perdu la moitié de mon espérance de vie dessus). Si vous voulez vous péter le derrière sur du code encore plus long plus massif pour faire un truc encore plus beau plus classe, allez-y, mais je pense que vous n'êtes pas nombreux à en être capable ou à être assez fou.
Voilà donc le carnet de voyage!

Carnet de Voyage

Devise

Identité

Modèle de carnet de voyage *******img de votre perso150*110*****************

Nom: NomAge: AgeSexe: SexeCamp: CampRang: Rang>>Fiche<<

Relations

Famille et amours

Nom de la relation

type de relation

Description

Nom de la relation

type de relation

Description

Amis et connaissances

Nom de la relation

type de relation

Description

Nom de la relation

type de relation

Description

Ennemis et autres

Nom de la relation

type de relation

Description

Nom de la relation

type de relation

Description

Chronologie

Nom du topic

Date du topic

Participants

Lieu

Résumé

Nom du topic

Date du topic

Participants

Lieu

Résumé

Nom du topic

Date du topic

Participants

Lieu

Résumé

Joli hein? Evidemment j'ai passé des heures dans cette fichue jungle, moi!
Hum, voici donc le code entier de ce truc, bienvenue dans la jungle:

Code:: [table style="border: 0px; width: 655px;"][tr][td align="center" width="650" style="border-bottom: 1px solid black;"]<div style="font-size: 17pt; font-family: palatino;">Carnet de Voyage</div>[/td][/tr][/table][color=#3F3F3F]***************Devise*********************[/color]
[table width="635" border="0" style="align: center;"][tr][td style="width:635px; margin: 0px;"][table border="0"][tr][td]<fieldset style="width: 177px; height: 210px; border: 1px dotted black; margin: 0px; padding-right: 0px;"><legend><div style="font-size: 12pt; font-family: palatino;">Identité</div></legend><div style="width:176; height: 200px; overflow: auto; text-align: justify;">[center][img]*******img de votre perso150*110*****************[/img][/center]
[size=15][font=palantino]Nom:[/font][/size] [color=#3F3F3F]*****Nom*******[/color]
[size=15][font=palantino]Age:[/font][/size] [color=#3F3F3F]***********Age************[/color]
[size=15][font=palantino]Sexe:[/font][/size] [color=#3F3F3F]**********Sexe***********[/color]
[size=15][font=palantino]Camp:[/font][/size] [color=#3F3F3F]*********Camp***********[/color]
[size=15][font=palantino]Rang:[/font][/size] [color=#3F3F3F]**********Rang*********[/color]
[url=**********url de votre fiche**********][size=15][font=palantino]>>Fiche<<[/font][/size][/url]</div></fieldset>[/td]

[td][/td][td]<fieldset style="width: 439px; margin: 0px; height: 210px; border: 1px dotted black; padding-left: 0px;"><legend><div style="font-size: 12pt; font-family: palatino; padding-left: 5px;padding-bottom: 0px; padding-right:0px;">Relations</div></legend><div style="width:448px; height: 200px; overflow: auto;">[table border="0"][tr][td colspan="2" style="border-bottom: 1px solid black; width: 360px;"][size=15][font=palantino]Famille et amours[/font][/size][/td][/tr]
[tr][td colspan="2"][/td][/tr]
[tr][td width="82" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[tr][td width="82" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[tr][td colspan="2" style="border-bottom: 1px solid black; width: 360px;"][size=15][font=palantino]
Amis et connaissances[/font][/size][/td][/tr][tr][td colspan="2"][/td][/tr]
[tr][td width="82" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[tr][td width="102" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[tr][td colspan="2" style="border-bottom: 1px solid black; width: 360px;"][size=15][font=palantino]
Ennemis et autres[/font][/size][/td][/tr][tr][td colspan="2"][/td][/tr]
[tr][td width="102" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[tr][td width="102" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]
[/table]</div></filedset>[/td][/tr][/table][/td][/tr]

[tr][td "style="width:635px; margin: 0px;"][table border="0"][tr][td]<fieldset style="width: 635px; margin:0px; height: 100%; border: 1px dotted black;"><legend><div style="font-size: 12pt; font-family: palatino;">Chronologie</div></legend><div style="width:634px; height: 100%; overflow: auto;">
[table border="0"][tr][td width="620" style="color: #3F3F3F;"]
[table width="620" style="border-bottom: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">****************Nom du topic*********</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">***********Date du topic**********</div>[/td][/tr][/table][table width="620" style="padding: 0px;"]
[tr][td][/td][/tr][/table][table width="620" style="border-top: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">***********Participants************</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">***********Lieu***********************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"][tr][td][/td][/tr][/table][table width="620" style="border-left: 1px dotted #999999;"]
[tr][td width="100%" style="color: #3F3F3F;"]*************Résumé***********[/td][/tr][/table][/td][/tr][/table]

[table border="0"]
[tr][td width="620" style="color: #3F3F3F;"][table width="620" style="border-bottom: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">****************Nom du topic***********</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">**************Date du topic*************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"]
[tr][td][/td][/tr][/table][table width="620" style="border-top: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">*****************Participants*************</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">******************Lieu****************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"][tr][td][/td][/tr][/table][table width="620" style="border-left: 1px dotted #999999;"]
[tr][td width="100%" style="color: #3F3F3F;"]**************Résumé***********[/td][/tr][/table][/td][/tr][/table]

[table border="0"]
[tr][td width="620" style="color: #3F3F3F;"][table width="620" style="border-bottom: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">*****************Nom du topic****************</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">*****************Date du topic************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"]
[tr][td][/td][/tr][/table][table width="620" style="border-top: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">**************Participants**************</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">******************Lieu****************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"][tr][td][/td][/tr][/table][table width="620" style="border-left: 1px dotted #999999;"]
[tr][td width="100%" style="color: #3F3F3F;"]******************Résumé**************[/td][/tr][/table][/td][/tr][/table]

</div></fieldset>[/td][/tr][/table][/td][/tr][/table]

Voilà, maintenant quelques explications:
j'ai tenté de simplifier au max en sautant des lignes entre les blocs, et en mettant les champs entre ***** avec ce que vous devez y mettre pour que vous sachez ce qu'il faut y écrire. Exemple: "*******truc qu'il faut mettre******".
Donc n'écrivez qu'entre les ******, ne touchez surtout pas au reste, sauf pour ajouter des sous-blocs, que voici:

sous-bloc 1: le sous-bloc de relation:

Code:: [tr][td width="102" valign="top"][img]http://img138.imageshack.us/img138/2633/imgdefcarvoy.png[/img][/td][td style="color: #3F3F3F;"][table border="0" width="330" style=" border-bottom: 1px dotted #999999;"][tr][td width="60%" style="color: #3F3F3F;"]<div style="text-align: left;">********Nom de la relation*****</div>[/td][td width="40%" style="color: #3F3F3F;"]<div style="text-align: right;">*****type de relation******</div>[/td][/tr][/table]*****Description******[/td][/tr]

Vous copiez ça et vous le collez entre les deux sous-blocs déjà existant quand vous voulez ajouter une relation(pas trop compliqué?) Quand vous copiez ou collez votre partie de code, prenez garde à ne pas le mettre hors des balises de fermeture ou de copier les balises de fermeture du tableau:

Code:: [/table]</div></filedset>[/td][/tr][/table][/td][/tr]

Dès qu'il y a une balise

Code:: [/table]</div></fieldset>

Le code du gros bloc prend fin, donc ne mettez rien derrière ça et ne copiez pas ce bout de code quand vous créer une nouvelle relation.
Ne remplissez que les trucs entre ***** et l'url de l'image, sur la première ligne. Attention, c'est à vous de créer l'image, qui doit OBLIGATOIRMENT faire du 80*80 en taille.

sous-bloc 2:

Code:: [table border="0"]
[tr][td width="620" style="color: #3F3F3F;"][table width="620" style="border-bottom: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">****************Nom du topic***********</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">**************Date du topic*************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"]
[tr][td][/td][/tr][/table][table width="620" style="border-top: 1px dotted #999999; border-left: 1px dotted #999999;"]
[tr][td width="65%" style="color: #3F3F3F;"]<div style="text-align: left;">*****************Participants*************</div>[/td][td width="35%" style="color: #3F3F3F;"]<div style="text-align: right;">******************Lieu****************</div>[/td][/tr][/table][table width="620" style="padding: 0px;"][tr][td][/td][/tr][/table][table width="620" style="border-left: 1px dotted #999999;"]
[tr][td width="100%" style="color: #3F3F3F;"]**************Résumé***********[/td][/tr][/table][/td][/tr][/table]

Voilà donc le sous-bloc de topic. Il commence avec la balise:

Code:: [table border="0"]

et finit avec les balises:

Code:: ***********Résumé***********[/td][/tr][/table][/td][/tr][/table]

Ici encore prenez garde à ne pas copiez la balise de fin de gros bloc:

Code:: </div></fieldset>[/td][/tr][/table][/td][/tr][/table]

Et ne mettez rien après ces balises non plus, sinon ça sort du bloc.
Remplissez là encore les trucs entre **********. Pas d'image ici.

Tout les champs sont sensés être assez longs pour contenir ce que vous devez y mettre(à part si vous décidez de mettre des nom de 4 kilomètres à vos persos et topics)
Dernière chose: l'image du bloc identité: C'est une image, comme indiquée dans le code, qui doit faire obligatoirement 150px de largeur et 110px de hauteur. Là encore c'est à vous de la trouver.

Si vous avez des questions n'hésitez pas, je ne garantis pas non plus d'aider chaque cas.
Si vous n'écrivez qu'entre les **** et que vous ne sortez pas des balises de fin div fieldset etc, il ne devrait pas y avoir de problème. Si vous faite une erreur de ce genre, à vous de rattraper le coup, je n'offre pas le service html recon. J'ai déjà assez souffert perdu dans le html(je code sur le block-note, moi, hé!).
N'oubliez pas de mettre votre devise, sous le titre, et si vous vous demandez pourquoi je vous ai fait ça, pourquoi je vous ai fait autant de code compliqué, dites vous que si on veut un truc joli y'a pas le choix et que comme ça ça vous habitue à toucher du code pour ceux qui veulent un jour devenir modo admin ou autre.
Si vous vous attendez à ce que je refasse la fiche de personnage dans le même style, sachez que j'ai trop erré dans la jungle pour y retourner de sitôt....

Dans la jungle, terrible jungle, Tasu est mort ce soiiiiir!!~~~
Oui, les membres, dans le forum, Tasu est mort ce soiiiir!!~~~
Oumbalahé!!!!!!(paie tes lyrics, quoi...)

Voilà, j'annonce ensuite que la fiche de combat va disparaître elle aussi dans un moi (le 1er Juin)
Il n'y aura pas d'équivalent comme là pour le carnet de voyage, si vous tenez à ce que vous avez écrit dedans réécrivez-le dans les parties physique et pouvoir de votre fiche de personnage.
Enfin, même si la chronologie personnelle(journal) a été remaniée n'oubliez pas de remplir votre profil.