Le carnet de route est un outil qui permet de garder des traces de la progression des personnages. En somme, vous êtes libres de l'utiliser comme bon vous semble, avec ou sans mise en page codée. De notre côté, nous vous proposons le modèle ci-dessous, qui comprend une vue d'ensemble de votre personnage, une ligne du temps et une fiche de relation.  

Notons que le deuxième post est un tutoriel couvrant individuellement chaque élément modifiable ou ajustable, vous permettant d'utiliser intégralement ou individuellement les parties du code, tandis que le troisième post regroupe des images fournies par les membres pour faciliter la construction de la partie Relations. Il comprend également un formulaire permettant d'y ajouter sa propre image.

Carnet de route

Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc.

FICHE DOSSIER MP

Journal

- Introduit un RP en cours, où il se passe tel tel truc.
- Introduit un RP terminé, où il se passe tel tel truc.
- Introduit un RP inachevé, où il se passe tel tel truc.
- Introduit un événement entre deux RP.

Relations

Personnage 1 Description 1

Personnage 2 Description 2

Personnage 3 Description 3

Code:

<div class="wantedb1">
[center]<div class="wantedtitre">Carnet de route</div>[/center]
[table][tr][td]<div class="wantedc1"> Description du personnage, habitudes, besoins actuels, ambitions, projets, etc. Description du personnage, habitudes, besoins actuels, ambitions, projets, etc.
</div>[/td]
[td][table][tr][td]<div class="translateWs"><img src="http://i.imgur.com/84jklB3.png"><div class="wantedb2s">
[center]FICHE[/center]
</div></div>[/td]
[/tr]
[tr][td]<div class="translateWs"><img src="http://i.imgur.com/DsT2QDf.png"><div class="wantedb2s">
[center]DOSSIER[/center]
</div></div>[/td]
[/tr]
[tr][td]<div class="translateWs"><img src="http://i.imgur.com/H5JyRct.png"><div class="wantedb2s">
[center]MP[/center]
</div></div>[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
</div>

<div class="wantedb1">
[center]<div class="wantedtitre">Journal</div>[/center]

<div class="wantedj1">[img]http://i.imgur.com/FDPlEhT.png[/img] - Introduit un RP en cours, où il se passe tel tel truc.
[img]http://i.imgur.com/5v3SE7Q.png[/img] - Introduit un RP terminé, où il se passe tel tel truc.
[img]http://i.imgur.com/nwtfY9i.png[/img] - Introduit un RP inachevé, où il se passe tel tel truc.
[img]http://i.imgur.com/1IDyfIa.png[/img] - Introduit un événement entre deux RP.
</div>
</div>

<div class="wantedb1">
[center]<div class="wantedtitre">Relations</div>[/center]
[center][table][tr][td]<div class="translateW"><img src="http://i.imgur.com/uBpaLrj.png"><div class="wantedb2">[b]Personnage 1[/b]

Description 1 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/GrJ6l5I.png"><div class="wantedb2">[b]Personnage 2[/b]

Description 2 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/g5b8BU0.png"><div class="wantedb2">[b]Personnage 3[/b]

Description 3 </div></div>[/td]
[/tr]
[/table]
[/center]
</div>

La première partie du carnet , ou Vue d'ensemble, comprend un espace pour une description, trois espaces où mettre des images, couvrant, en ordre, un lien vers la fiche, un lien vers le dossier et un lien rapide pour envoyer un MP.

Notons que les images devront faire 50*50 pixels !

Code:

<div class="wantedb1">
[center]<div class="wantedtitre">Carnet de route</div>[/center]
[table][tr][td]<div class="wantedc1"> DESCRIPTION ICI.
</div>[/td]
[td][table][tr][td]<div class="translateWs"><img src="http://i.imgur.com/84jklB3.png"><div class="wantedb2s">
[center][url=LIEN DE LA FICHE ICI]FICHE[/url][/center]
</div></div>[/td]
[/tr]
[tr][td]<div class="translateWs"><img src="http://i.imgur.com/DsT2QDf.png"><div class="wantedb2s">
[center][url=LIEU DU DOSSIER ICI]DOSSIER[/url][/center]
</div></div>[/td]
[/tr]
[tr][td]<div class="translateWs"><img src="http://i.imgur.com/H5JyRct.png"><div class="wantedb2s">
[center][url=LIEN VERS MP ICI]MP[/url][/center]
</div></div>[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
</div>

La deuxième partie du carnet, ou Journal, pend la forme d'une ligne du temps. On vous propose d'utiliser nos puces de couleurs afin d'entre chaque évènement marquant, avec un lien vers les RP respectifs.

Bien entendu, vous pouvez organiser cela comme bon vous semble.

Code:

<div class="wantedb1">
[center]<div class="wantedtitre">Journal</div>[/center]

<div class="wantedj1">LIGNE DU TEMPS ICI
</div>
</div>

Et pour les puces ...

Code:

[img]http://i.imgur.com/FDPlEhT.png[/img] - [url=LIEN DU RP]TITRE RP EN COURS[/url], où il se passe tel tel truc.

Code:

[img]http://i.imgur.com/5v3SE7Q.png[/img] - [url=LIEN DU RP]TITRE RP TERMINÉ[/url], où il se passe tel tel truc.

Code:

[img]http://i.imgur.com/nwtfY9i.png[/img] - [url=LIEN DU RP]TITRE RP INACHEVÉ[/url], où il se passe tel tel truc.

Code:

[img]http://i.imgur.com/1IDyfIa.png[/img] - Introduit un événement entre deux RP.

La troisième partie du carnet, ou Tableau de relations, sert à imager et à décrire les relations importantes qui ponctuent la vie de votre personnage.

Il est possible d'y ajouter autant de rangées de trois que nécessaire. D'ailleurs, comme cette section peut devenir très longue, nous vous recommandons de la publier dans un post individuel à la suite de votre Vue d'ensemble et de votre Journal.

Notons que les images devront toutes faire 200*200 pixels !

Code:

<div class="wantedb1">
[center]<div class="wantedtitre">Relations</div>[/center]
[center][table][tr][td]<div class="translateW"><img src="http://i.imgur.com/uBpaLrj.png"><div class="wantedb2">[b]Personnage 1[/b]

Description 1 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/GrJ6l5I.png"><div class="wantedb2">[b]Personnage 2[/b]

Description 2 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/g5b8BU0.png"><div class="wantedb2">[b]Personnage 3[/b]

Description 3 </div></div>[/td]
[/tr]
[/table]
[/center]
</div>

Pour ajouter une nouvelle rangée, il suffit d'entre le code ci-dessous entre les balises [ /table ]et [ /center ] à la toute fin du code.

Code:

[table][tr][td]<div class="translateW"><img src="http://i.imgur.com/uBpaLrj.png"><div class="wantedb2">[b]Personnage 1[/b]

Description 1 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/GrJ6l5I.png"><div class="wantedb2">[b]Personnage 2[/b]

Description 2 </div></div>[/td]
[td]<div class="translateW"><img src="http://i.imgur.com/g5b8BU0.png"><div class="wantedb2">[b]Personnage 3[/b]

Description 3 </div></div>[/td]
[/tr]
[/table]