Code pour les Fiches techniques du Forum

Ça aura mis du temps mais voilà mon premier cadeau pour le forum "Saint Seiya Anthologie" On peut dire que c'est mon petit cadeau pour les 9 ans du forum. J'ai confectionné un code pour vos fiches techniques en espérant que ça vous plaise et que ça plaise au staff. Dites moi, ce que vous en pensez Very Happy

NOM DE VOTRE PERSONNAGE

۞ PRÉNOM : Prénom de votre personnage

۞ ARMURE : Nom de votre Armure

۞ CAMP : Le Camp où se trouve votre personnage

۞ RANG : Notez son rang

۞ : ÉLÉMENT : Notez les éléments de votre personnae

۞ : POINT DE VIE : -

۞ : POINT DE COSMOS: -

۞ : POINT D'ARMURE : -

TECHNIQUES FAIBLES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES MOYENNES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE FORTE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES 7ème SENS.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE DIVINE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE ULTIME.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES DÉFENSIVES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

CAPACITÉ.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

@ Papy Alex. Le Plaisir du RPG

Sympathique, en effet. Le seul point noir que j'y vois est l'image d'en-tête, j'aurais peut-être eu tendance à utiliser plutôt une image officielle (quelle qu'elle soit). Mais je suis pointilleux sur les fanarts, pour avoir trop tendance à en voir les imperfections. Et de toute façon, ça se change (pour une image du personnage concerné, pourquoi pas ?). Le code semble de plus être assez simple à modifier, ce qui est décisif pour les non-initiés. Je n'en aurai pas l'usage - j'ai déjà le mien - mais ça ne peut qu'être agréable à ceux qui voudraient une mise en page élaborée sans savoir comment faire. Bon travail.

EDIT || Il n'y a pas de quoi !

merci Alessio Very Happy

Joli boulot. Ca a pas l'air compliqué de remplacer le header de la fiche. Tu as pris quelle dimension pour celui-ci d'ailleurs ?

Merci Milan Very Happy

600X300 mais si vous voulez changer le header, il faut impérativement respecter la longueur de 600 PX. Sinon, l'image dépassera le code et sera moche. Par contre, vous pouvez toujours à sa largeur si vous le désirez.

À la base, le header était une image titre que je trouvais sympathique comme présentation de la fiche technique mais vous pouvez la modifier si vous le désirez Very Happy

Après passage du staff ou si un avis est favorable, je passerais le code Very Happy

Je me doute qu'il faut que ça respecte la taille, c'est pour cela que je t'ai demandé l'information Very Happy

Merci pour les infos !

De rien, c'est normal Very Happy

Oh j'aime trop :o

Bravo ryu! Très joli

Merci Arion Very Happy

c'est cool elle est pas mal du tout ryuken et cela permet à ceux qui font leur fiche technique de prendre ce model. par contre pour préciser les techniques faibles à la technique ultime il faut peurétre mettre comme titre les techniques offensives pour différencier attaques/défenses Very Happy

Oui elle est bien faite cette fiche. Good Job!

Merci Kat Chan ! En fait, tu peux préciser le nom des techniques là: "NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT" Il faudra juste remplacer ce morceau de texte par le nom de ta technique, sa dépense/dégâts en PC et son élément. Je craignais aussi d'alourdir et d'allonger le code: c'est pour ça que j'ai fait une sorte d'ordre chronologique.

Merci Alec Very Happy

C'est du très beau travail. Dommage que je ne puisse pas éditer ma fiche, je l'ai postée hier et je n'ai pas vu ton message comme une idiote :-/

Merci Odin Very Happy

Après, si le staff valide cette fiche, je pense que tu pourras demander à éditer ton post pour mettre la fiche si tu veux Very Happy

Fichtre, j'adore ! Merci pour nous avoir montré ce codage, moi qui désespérais d'en trouver un convenable afin de changer le mien...

Merci Elicia, je suis content que ça te plaise !

Cette fiche technique plait à beaucoup de personnes. le staff l'aimeras aussi je pense

faut espérer, en tout cas tous vos messages me font plaisir et m'incite encore plus à contribuer au forum à ma manière. Franchement, pour moi, quoiqu’il se passe, et encore une fois, dix mille merci à vous ! je vous aimes toutes et tous malgré mon caractère bizarroide Very Happy

Bon, c'est parti mes kikis, je vous file la totale et les explications. Vous aurez la fiche officielle et la fiche personnalisée. En plus, je vous offre les explications détaillées.

FICHE OFFICIELLE DU FORUM

NOM DE VOTRE PERSONNAGE

۞ PRÉNOM : Prénom de votre personnage

۞ ARMURE : Nom de votre Armure

۞ CAMP : Le Camp où se trouve votre personnage

۞ RANG : Notez son rang

۞ : ÉLÉMENT : Notez les éléments de votre personnae

۞ : POINT DE VIE : -

۞ : POINT DE COSMOS: -

۞ : POINT D'ARMURE : -

TECHNIQUES FAIBLES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES MOYENNES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE FORTE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES 7ème SENS.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE DIVINE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE ULTIME.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES DÉFENSIVES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

CAPACITÉ.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

@ Papy Alex. Le Plaisir du RPG

*****

Code:: <center><div style="background-color: #9FBDD6; background-repeat: repeat; background-attachment: fixed; width: 600px; height: auto ; border-style: solid; border-width: 1px"><img src="http://i38.servimg.com/u/f38/18/74/88/42/juni_a10.jpg"><br><blockquote><div style="color: #333333; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; text-align: justify; font-size: 12px; font-family: Georgia; text-shadow: none">
<div style="font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;">NOM DE VOTRE PERSONNAGE</div><div style="font: 10px georgia;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;"></div><br>

<table><tr><td><div style="border-right: 1px dashed #000000; width:300px; height: 320px; padding: 10px; overflow: auto; font-size: 11px; text-shadow: 1px 1px 1px rgb(191, 191, 192);">۞ <strong>PRÉNOM :</strong> Prénom de votre personnage

۞ <strong>ARMURE :</strong> Nom de votre Armure

۞ <strong>CAMP :</strong> Le Camp où se trouve votre personnage

۞ <strong>RANG :</strong> Notez son rang

۞ <strong>: ÉLÉMENT :</strong> Notez les éléments de votre personnae

۞ <strong>: POINT DE VIE :</strong> -

۞ <strong>: POINT DE COSMOS:</strong> -

۞ <strong>: POINT D'ARMURE :</strong> -

</div></td><td><div style="width:200px; height: 320px; overflow: auto; padding: 10px;"><img src="http://i38.servimg.com/u/f38/18/74/88/42/fhffg10.png"></div></div></td></td></table>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES FAIBLES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES MOYENNES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE FORTE.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES 7ème SENS.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE DIVINE.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE ULTIME.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES DÉFENSIVES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">CAPACITÉ.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<font size="1"><a href="http://leplaisirdurpg.forum-pro.fr/" target=_blank>[color=#000033]@ Papy Alex. Le Plaisir du RPG[/color]</a></font>
</div></div></center>

FICHE PERSONNALISÉE DU FORUM

NOM DE VOTRE PERSONNAGE

۞ PRÉNOM : Prénom de votre personnage

۞ ARMURE : Nom de votre Armure

۞ CAMP : Le Camp où se trouve votre personnage

۞ RANG : Notez son rang

۞ : ÉLÉMENT : Notez les éléments de votre personnae

۞ : POINT DE VIE : -

۞ : POINT DE COSMOS: -

۞ : POINT D'ARMURE : -

TECHNIQUES FAIBLES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES MOYENNES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE FORTE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES 7ème SENS.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE DIVINE.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUE ULTIME.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

TECHNIQUES DÉFENSIVES.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

CAPACITÉ.

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT

EFFET:

DESCRIPTION:

@ Papy Alex. Le Plaisir du RPG

*****

Code:: <center><div style="background: url(http://cdn2.bigcommerce.com/server5700/0a27b/products/13908/images/18230/HAV40781L__56156.1322012154.1280.1280.jpg) center top; background-repeat: repeat; background-attachment: fixed; width: 600px; height: auto ; border-style: solid; border-width: 1px"><img src="http://i38.servimg.com/u/f38/18/74/88/42/juni_a10.jpg"><br><blockquote><div style="color: #333333; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; text-align: justify; font-size: 12px; font-family: Georgia; text-shadow: none">
<div style="font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;">NOM DE VOTRE PERSONNAGE</div><div style="font: 10px georgia;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;"></div><br>

<table><tr><td><div style="border-right: 1px dashed #000000; width:300px; height: 320px; padding: 10px; overflow: auto; font-size: 11px; text-shadow: 1px 1px 1px rgb(191, 191, 192);">۞ <strong>PRÉNOM :</strong> Prénom de votre personnage

۞ <strong>ARMURE :</strong> Nom de votre Armure

۞ <strong>CAMP :</strong> Le Camp où se trouve votre personnage

۞ <strong>RANG :</strong> Notez son rang

۞ <strong>: ÉLÉMENT :</strong> Notez les éléments de votre personnae

۞ <strong>: POINT DE VIE :</strong> -

۞ <strong>: POINT DE COSMOS:</strong> -

۞ <strong>: POINT D'ARMURE :</strong> -

</div></td><td><div style="width:200px; height: 320px; overflow: auto; padding: 10px;"><img src="http://i38.servimg.com/u/f38/18/74/88/42/fhffg10.png"></div></div></td></td></table>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES FAIBLES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES MOYENNES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE FORTE.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES 7ème SENS.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE DIVINE.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUE ULTIME.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES DÉFENSIVES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">CAPACITÉ.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

<font size="1"><a href="http://leplaisirdurpg.forum-pro.fr/" target=_blank>@ Papy Alex. Le Plaisir du RPG</a></font>
</div></div></center>

EXPLICATION DU CODE

Ce n'est pas compliqué mais il faut se montrer attentif et précis. Je vais détailler les parties essentielles du codage.

1) Le Header

Le Header, c'est l'image-titre de votre code. Normalement, il n'est pas destiné à être modifié. Cependant, si vous souhaitez le changer pour mettre une image personnalisée, c'est tout à fait possible. Le code est le suivant:

Code:: <img src="http://i38.servimg.com/u/f38/18/74/88/42/juni_a10.jpg">

Et, il se trouve tout en haut du codage, dans la zone suivante:

Code:: <center><div style="background: url(http://cdn2.bigcommerce.com/server5700/0a27b/products/13908/images/18230/HAV40781L__56156.1322012154.1280.1280.jpg) center top; background-repeat: repeat; background-attachment: fixed; width: 600px; height: auto ; border-style: solid; border-width: 1px">[<img src="http://i38.servimg.com/u/f38/18/74/88/42/juni_a10.jpg">]<br><blockquote><div style="color: #333333; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; text-align: justify; font-size: 12px; font-family: Georgia; text-shadow: none">

Attention ! il faut impérativement respecter la longueur de 600 PX. Sinon, l'image dépassera du cadre et le code sera raté.

Également, respectez le code et mettez bien l'adresse de votre image entre les guillemets. Sinon, le code ne fonctionne pas.

2) Le Nom de votre personnage

Dans le code, vous constatez la mention en titre " NOM DE VOTRE PERSONNAGE". Il s'agit de mettre, comme son nom l'indique, le nom de votre personnage dans le forum.

Le code se trouve ici:

Code:: <div style="font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;">NOM DE VOTRE PERSONNAGE</div><div style="font: 10px georgia;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;"></div><br>

Il vous suffit de remplacer dans le code, "NOM DU PERSONNAGE" par le nom de votre personnage. C'est tout bête Very Happy

3) Description de votre Personnage

Pas de panique ! Quand vous allez voir le code, ça va vous paraître un petit peu ardu. En vérité, c'est très simple mais il faut faire les choses dan l'ordre, c'est très important. C'est pour ça que nous allons découper e code en deux parties bien distinctes.

Code:: <table><tr><td><div style="border-right: 1px dashed #000000; width:300px; height: 320px; padding: 10px; overflow: auto; font-size: 11px; text-shadow: 1px 1px 1px rgb(191, 191, 192);">۞ <strong>PRÉNOM :</strong> Prénom de votre personnage

۞ <strong>ARMURE :</strong> Nom de votre Armure

۞ <strong>CAMP :</strong> Le Camp où se trouve votre personnage

۞ <strong>RANG :</strong> Notez son rang

۞ <strong>: ÉLÉMENT :</strong> Notez les éléments de votre personnae

۞ <strong>: POINT DE VIE :</strong> -

۞ <strong>: POINT DE COSMOS:</strong> -

۞ <strong>: POINT D'ARMURE :</strong> -

</div></td><td><div style="width:200px; height: 320px; overflow: auto; padding: 10px;"><img src="http://i38.servimg.com/u/f38/18/74/88/42/fhffg10.png"></div></div></td></td></table>

Première Partie: Description de votre Personnage:

Code:: <table><tr><td><div style="border-right: 1px dashed #000000; width:300px; height: 320px; padding: 10px; overflow: auto; font-size: 11px; text-shadow: 1px 1px 1px rgb(191, 191, 192);">۞ <strong>PRÉNOM :</strong> Prénom de votre personnage

۞ <strong>ARMURE :</strong> Nom de votre Armure

۞ <strong>CAMP :</strong> Le Camp où se trouve votre personnage

۞ <strong>RANG :</strong> Notez son rang

۞ <strong>: ÉLÉMENT :</strong> Notez les éléments de votre personnage

۞ <strong>: POINT DE VIE :</strong> -

۞ <strong>: POINT DE COSMOS:</strong> -

۞ <strong>: POINT D'ARMURE :</strong> -

Ici, il vous suffit tout simplement de remplacer les annotations par les informations. Surtout, vous devez bien mettre vos informations à la place des annotations et non entre les balises "strong". À la suite, je vais donner un exemple concret pour ajouter à l'explication des annotations. je vais prendre, en exemple, mon personnage de Cronos.

Prénom: Cronos
Armure: Megas Depranon
Camp: Titans
Rang: Dieu Majeur
Élément: Mort-Feu-Air
Point de Vie: 350
Point de Cosmos: 531
Point d'Armure: 700

Deuxième Partie: Image de votre Personnage:

Il s'agit de l'image qui se trouve à droite de votre description. Voici le code:

Code:: </div></td><td><div style="width:200px; height: 320px; overflow: auto; padding: 10px;"><img src="http://i38.servimg.com/u/f38/18/74/88/42/fhffg10.png"></div></div></td></td></table>

Plus particulièrement, il s'agit, pour vous, de gérer ce bout de code:

Code:: <img src="http://i38.servimg.com/u/f38/18/74/88/42/fhffg10.png">

La particularité de cette^partie est que l'image sera automatiquement redimensionnée en 200px X 320px. Comme d'habitude, prenez bien garde à mettre l'url de votre image entre les guillemets. Sinon, le code ne fonctionnera pas.

4) Description de vos techniques

Maintenant, c'est là où il s'agit d'être précis et consciencieux dans ce que vous allez faire. Encore une fois, pas de panique car c'est très simple ! On va commencer par donner le code:

Code:: <div style="font-size: 29px; font-family:Time new roman; letter-spacing: -1px; text-transform: uppercase; text-shadow: lightgrey 1px 1px 1px; color: #000000; text-align: center;">TECHNIQUES FAIBLES.</div><div style="border-bottom: 4px solid #828282;"></div>

<div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

Vous allez devoir agir sur trois niveaux:

NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT
EFFET
DESCRIPTION

Première Partie: Nom de la Technique+Dégâts*/Dépense Cosmique+Élément:

Vous devez donc écrire le nom de votre technique. À la suite, vous devez écrire sa consommation en PC. Enfin, vous devez écrire l'élément de la technique. Voilà le morceau de code où vous devez agir:

Code:: <div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div>

Vous n'avez rien d'autre à faire que de remplacer ce qui est en majuscule par ce que vous voulez mettre. C'est tout simple.

Par exemple: Fire Ball. 40 PC. Feu

Deuxième Partie: Effet:

Vous devez noter l'éventuel effet de votre attaque. Voilà le morceau de code où vous devez agir:

Code:: EFFET:

Notez, à la suite, l'effet de votre attaque. Vous pouvez ajouter de la couleur à ce texte en utilisant le BBCODE, c'est à dire les couleurs disponibles sur le forum.

Par exemple: Subit de plein fouet, l'attaque reçoit un bonus de 10 points de dégâts supplémentaires.

Troisième Partie:Description:

C'est ici que vous décrivez votre technique. Voilà le code où vous devez agir:

Code:: DESCRIPTION:</font></div>

Mettez la description de votre attaque à la suite de " DESCRIPTION".

Par exemple: Le personnage crée une boule de flamme qu'il lance sur son adversaire.

Attention !! Tâchez de bien respecter le code. Vous ne devez pas poster votre texte après la balise

Code:: </font>.

Concrètement, ceci est correct:

Code:: DESCRIPTION: Le personnage crée une boule de flamme qu'il lance sur son adversaire.</font></div>

Ceci est incorrect:

Code:: DESCRIPTION:</font>Le personnage crée une boule de flamme qu'il lance sur son adversaire.</div>

Très concrètement, qu'est ce que cela donne ?

Voilà un exemple de ce que vous devriez avoir si vous avez tout juste:

TECHNIQUES FAIBLES.

FIRE BALL. 40 PC. FEU

EFFET: Subit de plein fouet, l'attaque reçoit un bonus de 10 points de dégâts supplémentaires.

DESCRIPTION: Le personnage crée une boule de flamme qu'il lance sur son adversaire.

Conclusion

Repérez et répétez le même schéma. Agissez sur le code suivant pour toutes vos techniques. Voici le code:

Code:: <div class="navig2" style="font-size: 12px;">[color=#383838]NOM DE LA TECHNIQUE+DÉGÂTS/DÉPENSE COSMIQUE+ÉLÉMENT[/color]</div><div style="margin-top: -8px; height: 65px; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); width: 450px; overflow: auto; color: rgb(113, 118, 128);"><font style="font-size: 10px; line-height: normal; text-shadow: 1px 1px 1px rgb(191, 191, 192);">
EFFET:

DESCRIPTION:</font></div>

Un dernier point: en aucun cas, ne retirez la partie du code qui se trouve tout en bas.

Code:: <font size="1"><a href="http://leplaisirdurpg.forum-pro.fr/" target=_blank>@ Papy Alex. Le Plaisir du RPG</a></font>

C'est la preuve que je me suis défoncé pour vous. En cliquant dessus, vous vous retrouverez dans mon petit antre !

J'espère que ce didacticiel a été clair pour vous. je me tiens à voter disposition en MP, sur Skype ou à la suite pour vos questions.

ENJOY Very Happy

oh la vache le code c'est du chinois pour moi Wink

meme si cette fiche technique est classe.
Eh ben cronos tu as des stats de dingue.

ouiais, ça passe Very Happy

Sinon, pour le code, tu n'as juste qu'à copier coller le code de base qui est fournie et suivre à la lettre les instructions. Après, tu verras, c'est super facile Very Happy

Sujet: Re: Code pour les Fiches techniques du Forum

» Votez pour le forum.
» Une histoire de code
» Problèmes de code (et solution).
» Prêts pour une partie de Beach Volley?! [libre Pour tout le monde]
» Apaiser les Cieux pour sauver le Monde ... [ RP Libre pour tout personnage ayant l'élément Air]