Codage présentation des personnages.

Logeons tout le monde à la même enseigne. Je vous propose ici un codage pour pouvoir faire la présentation de vos personnages. Ne prenez pas peur en voyant le pavé qui en ressort, c'est pas si compliqué que ça à remplir au final.
Je vous laisse également un aperçu que ça donne, d'une fiche d'un de mes autres personnages.

Aperçu:

Au final, vous aurez seulement à changer deux images, ainsi que les textes. Les redimensionnements se feront automatiquement, vous n'aurez qu'à y insérer le lien de votre photo précédemment hébergé. Sur Casimage sera le préférable.
Si vraiment le codage vous fait peur, envoyez moi directement votre description et je l'appliquerais au code pour que vous puissiez l'envoyer sur le forum.

J'ai fais en sorte de vous mettre en évidence les zones de texte et image à modifier. Les couleurs sont également à changer, au besoin. Toutes les parties entre crochets telles que: [LIEN IMAGE] - [DESCRIPTIF], seront ce que vous devrez modifier.
Faites seulement un copier-coller du code en dessous, et appliquez le sur votre nouveau topic. N'hésitez pas à utiliser les prévisualitions pour voir où vous en êtes des changements, et voir où ils se situent.

Code:

<center><style type="text/css" >.ip {opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .ip:hover {opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}</style>

<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'><div style="font-family: 'Marck Script', cursive; font-size:15pt;margin-bottom:-35px;width : 400px; color:#4F402D;line-height:11px; letter-spacing:-1px;">“[CITATION.]”</div><table><tr><td><img src="[LIEN IMAGE1]" width="200px" img="" style="border: 10px solid #0000; padding: 0px;" class="ip" /></td>
<td><img src="[LIEN IMAGE2]" width="200px" img="" style="border: 10px solid #00000; padding: 0px;" class="ip" /></td>
</tr></table><link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
<div style="font-family: 'Aguafina Script', cursive; font-size: 32px; text-transform:; color: #361B12; line-height: 80%; width:410px; letter-spacing:1px;margin-top: -15px;">[PRENOM] [color=#787746]“[SURNOM]”[/color] [NOM DE FAMILLE]</div>
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
<div style="font-family: 'Carrois Gothic SC', sans-serif;, sans-serif;; font-size: 10px; text-transform: uppercase; color: #9C9788; line-height: 80%; width:430px; letter-spacing:1px;margin-top:-35px;">[AGE] [color=#787746]░[/color][ORIGINE] [color=#787746]░[/color] [PROFESSION] [color=#787746]░[/color] [ADJECTIF]</div><div style="border-bottom: 1px solid #787746; margin: 5px 0px 5px 0px;width:250px;"></div><div style="width:400px;padding:5px;font-family:arial;text-align:justify;font-size:11px;line-height:13px;margin-bottom:-20px;">[color=#787746]∞[/color] [TEXTE DESCRIPTIF.]

[TEXTE DESCRIPTIF.]

[RUMEURS SUR LE PERSONNAGE.] [color=#787746]∞[/color]</div>
<table><tr><td><div style="width:220px; height:330px; margin-right:0px; margin-left:0px;"><div style="padding:1px;font-family:arial;text-align:justify;font-size:11px;line-height:13px;">
[justify]
[center][color=#787746]∞[/color][/center]
[ADJECTIF] [color=#787746]+[/color] [ADJECTIF] [color=#787746]+[/color] [ADJECTIF] [color=#787746]+[/color] [ADJECTIF] [color=#787746]+[/color] [ADJECTIF] [color=#787746]+[/color] [ADJECTIF]

[TEXTE DESCRIPTIF.] <br />
<link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'><div style="font-family: 'Aguafina Script', cursive; font-size: 26px; text-transform: lowercase; color: #361B12; line-height: 80%; letter-spacing:1px;">Description [color=#787746]physique[/color]</div>[color=#787746]+[/color][b][TAILLE][/b], [i][COMMENTAIRE][/i].
[color=#787746]+[/color][b][CHEVEUX][/b], [i][COMMENTAIRE][/i].
[color=#787746]+[/color][b][TATOUAGE OU AUTRE][/b], [i][COMMENTAIRE][/i].
[color=#787746]+[/color][b][TATOUAGE OU AUTRE][/b], [i][COMMENTAIRE][/i].
[color=#787746]+[/color][b][TATOUAGE OU AUTRE][/b], [i][COMMENTAIRE][/i].
[color=#787746]+[/color][b][TATOUAGE OU AUTRE][/b], [i][COMMENTAIRE][/i].
<br><br><br><br><br><br><br><br></div>[/justify]
</div></div></td><td><img src="[LIEN IMAGE3]" width="180px" class="ip" />
[center][size=8][i][CREDITS IMAGE][/i][/size][/center]
</td>
</tr></table><br><br></center>