Problème avec mon générateur de présentation

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec mon générateur de présentation

Message par Ayael Lun 6 Jan 2014 - 12:28

Bonjour, depuis la mise à jour de forumactif, mon générateur de présentation ne marche plus. J'ai eu le malheur de prévisualiser un truc et mon code a été complètement détruit. Je l'ai patiemment corrigé (l'apparence est comme avant, alors que sinon elle est sans dessus dessous), et j'ai fais attention à ne surtout pas prévisualiser, mais il ne fonctionne plus : quand on clique sur "envoyer", il ne se passe rien.    

J'avoue que je ne vois pas du tout d'où viens le problème, donc je ne suis pas contre un coup de main avant de devenir folle ♥

Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Générateur de fiche de présentation TM</title><style type="text/css">

<!--
/*Le css ici personnalise le formulaire*/

.totaleformulaire {

}
/* Police du texte tapé l'intérieur des champs et mettre une marge à gauche */

input, textarea, select {
color:#fff;
background-color:#4F0101!important;
font-family:andalus;
border-radius:15px;
font-size:14px;
border:none;
padding:5px;
margin-right:70px;
margin-left:10px;
margin-bottom:5px;
margin-top:5px;

}

label{
color: #000; /* Colorer tous les labels  */
font-weight: bold ;
vertical-align:top;

}

/* Mettre les titres du groupe en caractères plus grands, en gras et spécifier une couleur*/

legend {
color: #fff;
font-weight: bold;
font-size:24px;
}



a:link{

color:#fff; /*couleur*/
font-variant:small-caps; /*majuscule*/
font-size:16px; /*taille*/
text-decoration: none !important;
 }
a:visited{
 color:#fff; /*couleur*/
font-variant:small-caps; /*majuscule*/
font-size:16px; /*taille*/
text-decoration: none !important;
 }
a:active{
 color:#fff; /*couleur*/
font-variant:small-caps;/*majuscule*/
font-size:16px; /*taille*/
text-decoration: none !important;
 }

a:hover{
 color:#fff; /*couleur*/
font-variant:small-caps;/*majuscule*/
font-size:16px; /*taille*/
text-decoration: none !important;
Letter-spacing:2px;
text-shadow: 5px 1px 5px #fff;
 }


.post {
font-family:andalus;
background-color:#4F0101;
text-shadow: 1px 1px 2px #FCFB8E;
color: #FCFB8E;
}
.post:hover {
background-color: #FCFB8E!important;

color: #4F0101!important;
}
.post:active {
font-family:andalus;
background-color:#4F0101;
text-shadow: 1px 1px 2px #FCFB8E;
color: #FCFB8E;
}


/*infobulles  */
.infobulle {
  display: inline-block;
  margin-right:5px;
 margin-bottom:5px;
}

.infobulle > div {
  position: absolute;
  margin-top: -220px;
margin-left:18px;
  opacity: 0;
  visibility: hidden;
 
}

.infobulle:hover > div {
  z-index:999;
  opacity: 1;
  visibility: visible;
  
  
}

.contenuinfobulle {
  width:300px;
 font-family:andalus;
 font-size:14px;
 height:auto;
 min-height:200px;
  text-align:justify;
  background-color:#492519;
  padding:10px;
  border-radius:15px;
 box-shadow: 3px 3px 3px #000;
  z-index:999!important;
color:#fff;
}

.contenuinfobulle h1 { /*titre dans les infobulles*/
  text-align:center!important;
 font-size:18px;
 text-shadow:0px 0px 2px #FBDEBA;
}


#contenuinfobullerace {
width:330px;
 font-family:andalus;
 font-size:14px;
 height:auto;
 height:210px;
overflow:auto;
  text-align:justify;
  background-color:#492519;
  padding:10px;
  border-radius:15px;
 box-shadow: 3px 3px 3px #000;
  z-index:999!important;
color:#fff;
}

#contenuinfobullerace h1 { /*titre dans les infobulles*/
  text-align:center!important;
 font-size:18px;
 text-shadow:0px 0px 2px #FBDEBA;
}


fieldset{
border:none;
width: 700px;
margin-left:auto;
margin-right:auto;
background-image: url("http://i34.servimg.com/u/f34/15/56/06/86/toplef11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/toprig10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/topcen10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center11.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.jpg");
background-position: left top, right top, right bottom, left bottom, center top, right center, center bottom, left center, left top;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
margin-top: 50px;
margin-bottom: 10px;
box-shadow: 0px 0px 18px rgb(0, 0, 0);
}    
  




-->
</style> <script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<div class='pseudofiche'>" + form.nom.value + "\n";
txt_message += "</div><div class='partisynthé'>  " + form.partisynthe.value + "\n";
txt_message += "</div><table><tr><td><div class='titrefiche'>Information </div><div class='infogénéral1'><strong>Surnom</strong>  " + form.surnom.value + "\n";
txt_message += "<strong>Âge :</strong> " + form.age.value + "\n";
txt_message += "<strong>Nationalité : </strong> " + form.nationalite.value + "\n";
txt_message += "<strong>Profession : </strong> " + form.profession.value + "\n";
txt_message += "<strong>Camp : </strong> " + form.camp.value + "\n";
txt_message += "<strong>Noblesse :</strong> " + form.noblesse.value + "\n";
txt_message += "<strong>Croyance : </strong> " + form.religion.value + "\n";
txt_message += "<strong>Famille/tribus : </strong> </div> " + form.tribu.value + "\n";
txt_message += "</td><td><div class='titrefiche'>Race</div> <div class='race1'></div></td></tr></table> " + form.race.value + "\n";
txt_message += "<div class='titrefiche'>Caractère</div><div class='carafiche'><br/> <br/></div> " + form.caractere.value + "\n";
txt_message += "<table><tr><td><div class='titrefiche'>Physique</div><div class='infophysique1'> </div> </td> " + form.physique.value + "\n";
txt_message += "<td><div class='titrefiche'>Capacités</div> <div class='race1'><strong>Armes : </strong> " + form.arme.value + "\n";
txt_message += "<strong>Pouvoirs : </strong> " + form.pouvoir.value + "\n";
txt_message += "<strong>Familier : </strong> " + form.familier.value + "\n";
txt_message += "<strong>Artefact : </strong> " + form.artefact.value + "\n";
txt_message += "<strong>Autre : </strong></div></td></tr></table> " + form.autre.value + "\n";
txt_message += "<div class='titrefiche'>Histoire</div><div class='carafiche'> <br/>Histoire <br/></div> " + form.histoire.value + "\n";
txt_message += "<div class='pseudofiche'>Dans la réalité</div> <div class='partisynthé'><strong>Âge : </strong> " + form.ager.value + "\n";
txt_message += "<strong>Avez-vous déjà fréquenté d'autres forums, si oui lesquels ? </strong> " + form.autrefo.value + "\n";
txt_message += "<strong>Vos passions : </strong> " + form.passion.value + "\n";
txt_message += "<strong>Votre avis sur le forum?  </strong> " + form.avis.value + "\n";
txt_message += "<strong>Comment avez vous connu le forum?  </strong> " + form.commentco.value + "\n";
txt_message += "<strong>Phrase fétiche : </strong> " + form.pref.value + "\n";
txt_message += "<strong>Crédit avatar : </strong></div> " + form.cred.value + "\n";


// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<div class="totaleformulaire">
 
<div class="part0">
 <center>
 <h3>
 Formulaire de présentation
 </h3>
 </center>
 <form action="http://www.terramysticarpg.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">

<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="17" /> <!--  ID du forum dans lequel le message sera posté-->
<br/>
 <center>
 <label for="titre">Titre du sujet : </label>
 <input name="subject" id="titre" size="45" maxlength="60" required="required" type="text" />
 </center><br />
 </form>
 </div>
 

<fieldset>
 <center>
 >> <a href="http://www.terramysticarpg.com/t490-guide-indispensable" taget="_blank">Accéder au Guide </a><<
</center><br />
Passer votre souris sur les "?" pour obtenir des informations complémentaires sur les différents champs. <br />
 Il est conseillé d'écrire les grosses parties sur un éditeur de texte (word, open office etc.) et de copier ensuite dans les champs. Cela permet de limiter les fautes et d'avoir une sauvegarde en cas de problème. (Note : vous aurez la possibilité de rajouter/enlever des choses une fois la fiche postée en éditant votre message.) <br />
Si vous n'êtes pas sûre d'avoir écrit suffisamment pour les champs important, un compteur de mot est à votre disposition. <br />
 Désormais, seule les fiches <strong>terminées</strong>, seront acceptées.<br />
 Mettez <strong>uniquement</strong> le nom (et le prénom si vous voulez) de votre personnage comme titre de sujet. (Les fiches validées sont classées par ordre alphabétique) <br />
 Pour plus de commodité, vous pouvez agrandir à votre guise les champs en cliquan en bas à droite de ces derniers. </fieldset>




<fieldset class="part1">
 <legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/entate10.png"></legend>
<label for="nom">Nom et prénom: </label>
 <input size="30" name="nom" id="nom" required="required" type="text" />
 
 <div class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Si pour une raison justifiée votre personnage ne connait pas son nom, un prénom peut suffire, voire, un surnom. J'en profite pour rappeler que votre pseudo de membre doit être le prénom et/ou le nom de votre personnage.
</div>
 
</div>
</div>
 

<br />

<label for="partisynthe">Partie synthétique : </label>
 <textarea id="partisynthe" name="partisynthe" rows="3" cols="50">
 </textarea>
 
 <div class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 L'idée c'est de synthétiser votre caractère en quelques mots/phrases qui donnent une idée globale de votre personnage à votre interlocuteur. Savoir immédiatement à qui on a à faire "en gros" avant de lire la vrai partie "caractère" elle toute en finesse et en profondeur. Mettez donc vos principales qualités/défauts, la chose que vous avez en horreur, celle que vous aimez le plus etc. Inutile de faire dans la subtilité : les nombreuses lignes du caractère sont là pour ça !
</div>
 
</div>
</div>
 
</fieldset>

 <fieldset class="part2">
 <legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/inform10.png"/></legend>
 <label for="surnom">Surnom: </label>
 <input size="30" name="surnom" id="surnom" type="text" /> <div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Sérieusement, vous avez vraiment besoin d'aide pour cette case ? XD <br /> Bien sûr le champ est facultatif, vous pouvez le laisser vide !
</div>
 
</div>
</div>

<br/>
 
<label for="age">Âge : </label>
 <input size="30" name="age" id="age" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Dans ce champ il faut que vous mettiez l'âge de votre personnage, sachant que plus il sera vieux, plus il faudra dire comment il a vécu dans son histoire. Évitez les personnages trop vieux. Il est possible d'avoir jusqu'à environ 2000 ans mais dès que vous dépassez les 600 ans il vous faudra demander l'autorisation d'un MJ avant. <br />Vous pouvez si vous le souhaiter lui trouver une date de naissance en vous basant sur ce <a href="http://www.terramysticarpg.com/t1215-calendrier" target="blank"> calendrier</a><strong>Rappel</strong> : Nous sommes en l'an 113.
</div>
 
</div>
</div>
 

<br />
 
<label for="nationalite">Nationalité : </label>
 <select name="nationalite" id="nationalite">
 <option>Ciel</option><option>Terre</option><option>Feu</option><option>Eau</option><option>Montagne</option><option>Glace</option></select>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Votre nationalité est le pays auquel vous appartenez, si vous vous baladez beaucoup mettez simplement l'endroit dans lequel vous êtes naît.
</div>
 
</div>
</div>

<br/>
 
<label for="profession">Profession : </label>
 <input size="30" name="profession" id="profession" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Quel métier à votre personnage ?<br />Vous pouvez avoir une place importante dans Terra en ayant un <a href="http://www.terramysticarpg.com/t3554-affiliations" target="blank">poste libre</a> Sinon une liste non exhaustive des professions courantes dans un monde médiéval fantastique est disponible <a href="http://terramystica.wikia.com/wiki/M%C3%A9tiers" target="blank"> ici</a>. Si vous n'avez aucun métier, mettez "Vagabond" et si êtes noble et que vous vivez de vos terres vous pouvez indiquer "Rentier". Vous pouvez avoir éventuellement plusieurs métiers s'ils sont très proche (Ex : être herboriste et apothicaire) mais en aucun cas vous pouvez collectionner les métiers en tout genre (charpentier et garde par exemple) <br />
</div>
 
</div>
</div>
 
<br />
 
<label for="camp">Camp : </label>
  <input size="30" name="camp" id="camp" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Il s'agit de votre affiliation principale : Adorateur de Nayris, Partisan d'AT, Partisan des Glaces, Neutre ou Indépendant(souvent membre d'une guilde !). Toutes les explications concernant ces camps sont disponibles <a href="http://www.terramysticarpg.com/t3554-affiliations" target="blank"> ici</a>
</div>
 
</div>
</div>
 
<br />

<label for="noblesse">Titre de noblesse (facultatif) : </label>
 <input size="30" name="noblesse" id="noblesse" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Toutes les informations concernant le système de noblesse <a href="http://www.terramysticarpg.com/t4336-le-systeme-de-noblesse" target="blank"> se trouvent ici</a>. Si vous décidez de devenir noble, n'oubliez pas de <strong> choisir le numéro</strong> de votre territoire sur la <a href="http://www.terramysticarpg.com/h9-carte-v2" target="blank">carte</a>(Sauf si vous êtes noble déchu évidemment).Rappel : N'oubliez pas de poster la description de votre territoire !
</div>
 
</div>
</div>
 
<br />

 <label for="tribu">Famille/Tribu (facultatif) : </label>
 <input size="30" name="tribu" id="tribu" type="text" />
 

<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Laissez ce champ vide, sauf si vous faites parti d'une des grandes familles/tribus disponibles. <a href="http://www.terramysticarpg.com/f95-famille-tribus" target="blank"> la liste se trouve ici</a>. Bien entendu, une fois validé vous pourrez proposer la votre.
</div>
 
</div>
</div>

<br/>

  <label for="religion">Croyance(facultatif) : </label>
 <input size="30" name="tribu" id="religion" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Il s'agit de dire ici en quel divinité votre personnage croit. Toutes les religions sont recensées <a href="http://www.terramysticarpg.com/f97-religion" target="blank"> ici</a>. <br />Rappel : croire en une religion <strong>rapporte des bonus</strong>... N'hésitez donc pas à en prendre une ! <br />Si vous souhaitez en inventer une, n'oubliez pas de la soumettre à validation une fois votre fiche validée. Si vous ne croyez en rien laissez vide ou préciser que vous êtes athée.
</div>
 
</div>
</div>
 

<br/>
 
<label for="race">Race : </label>
 <textarea id="race" name="race" rows="3" cols="50">
 </textarea>
 


<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div id="contenuinfobullerace">
 
<h1>
 Aide
 </h1>
 <strong>Merci de lire très attentivement ce qui suit ! </strong><br />Dans un soucis de cohérence lorsque vous choisissez une race déjà existante, merci de vous renseigner dans le wikia avant(<a href="http://terramystica.wikia.com/wiki/Category:Race" target="blank"> cette page recense toutes les races validés de TM</a>). <br /><strong>Si la race n'a encore jamais été utilisé</strong> : merci d'en faire une description détaillée comprenant : les caractéristiques physique, les capacités, les coutume, les contrés où ils sont présent (si c'est limité: inutile si on en trouve un peu partout dans Terra) et enfin les origines mythologique version Terra Mystica. (facultatif, mais n'hésitez pas à contacter Albar pour vous en trouver une !). Même démarche <strong>si vous décidez d'inventer votre propre race</strong>. (A noté qu'il est inutile d'en créer une nouvelle pour un oui ou pour un nom. Pas la peine d'en inventer une pour donner à un elfe des cheveux roses et la peau tachetée...) <br /> En revanche, <strong>si la race existe déjà sur TM </strong> soit la description faite vous convient et dans ce cas il suffit de mettre son nom, soit il y a quelques variantes qui vous dérange, et vous pouvez créer une sous race. En d'autre termes : indiquer le nom de la race originale, rajoutez quelque chose derrière (exemple "elfe lunaire") et expliquer clairement quels sont les différences avec la race originale. (Là encore, merci d'utiliser ce système avec modération.)
</div>
 
</div>
</div>


</fieldset>

<fieldset class="part3"><legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/en_pro10.png" /></legend>
<label for="caractere">Caractère : </label>
 <textarea id="caractere" name="caractere" rows="5" cols="70"></textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Sans doute le champ le plus important, vous devrez ici détaillé le caractère, la psychée de votre personnage. Soyez le plus précis et le plus nuancé possible et prenez garde aux contresens ! Il y a beaucoup de chose à dire dans cette partie : ses qualités, ses défauts, ses ambitions, ses goûts etc. N'hésitez pas non plus à ajouter des exemples pour rendre les choses clairs.<br /><a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
</div>
 
</div>
</div>
 
<br />

<label for="physique">Physique : </label>
 <textarea id="physique" name="physique" rows="5" cols="70">
 </textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Décrivez à quoi vous ressemblez : votre corpulence, les habits que vous portez le plus souvant, la forme/couleur de votre peau, de vos yeux, de vos cheveux, vos signes caractéristiques etc. <br /><a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre physique est disponible ici !</a>
</div>
 
</div>
</div>
 

<br /></fieldset>

 <fieldset class="part4"><legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/capaci10.png" /></legend>
 <label for="arme">Armes : </label>
 <input size="30" name="arme" id="arme" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Quel arme votre personnage sait manier (s'il en a à titre décoratif mettez le dans le champ "autre"). N'oubliez pas de justifier l'apprentissage dans votre histoire. <br />Une liste de (presque) toutes les armes existantes <a href="http://terramystica.wikia.com/wiki/Les_Armes_sur_Terra_Mystica" target="blank">est disponible ici</a>
</div>
 
</div>
</div>
 
<br />

<label for="pouvoir">Pouvoirs : </label>
 <textarea id="pouvoir" name="pouvoir" rows="3" cols="30"></textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Vous devrez détailler ici quels sont les pouvoirs de votre personnages. Gardez à l'esprit que votre personnage ne doit pas être trop fort (OP), il est donc important de bien préciser les limites, les contreparties. N'hésitez pas à faire des choses très concises (sous forme de liste) et à donner des exemples pour ettayer des propos. <br />Si vous voulez approfondir ou que vous n'avez pas d'idée, un <a href="http://terramystica.wikia.com/wiki/La_magie_sur_Terra_Mystica" target="blank">article sur la magie</a> est disponible.
</div>
 
</div>
</div>
 
<br />

<label for="familier">Familier : </label>
 <input size="30" name="famlier" id="familier" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Un familier est une créature avec qui vous êtes liée, une définition précise est <a href="http://terramystica.wikia.com/wiki/Familier" target="blank">disponible ici</a>. Mais en règle général si vous avez simplement un cheval, à moins d'avoir un lien affectif très fort, mettez le dans l'autre.
</div>
 
</div>
</div>
 

<br />

<label for="artefact">Artefact : </label>
 <input size="30" name="artefact" id="artefact" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Indiquez ici si vous possédez un objet aux propriétés magiques. Pour plus d'info sur ces choses, <a href="http://terramystica.wikia.com/wiki/Artefact" target="blank"> cliquez ici</a>.
</div>
 
</div>
</div>
 
<br />

 <label for="autre">Autre : </label>
 <textarea id="autre" name="autre" rows="3" cols="30"></textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Indiquez ici tout autre possession que vous jugez utile de rajouter. (Un objet symbolique qui ne vous quitte jamais par exemple, un souvenir etc.
</div>
 
</div>
</div>
 

<br /></fieldset>

<fieldset class="part5">
 <legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/histoi10.png" /></legend>
 <label for="histoire">Histoire : </label>
 <textarea id="histoire" name="histoire" rows="5" cols="70"></textarea>
 

<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Racontez nous ici l'histoire de votre personnage, son enfance, les événements qui ont marqués sa vie : rencontres, accomplissements ou perte... Bref, faites nous une biographie complète qui doit bien entendu s'accorder avec le caractère. (ce dernier évolue forcément en fonction de notre vécu.) Ah et interdiction de faire simplement un gros trous de mémoire. <a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
</div>
 
</div>
</div>

</fieldset>

<fieldset class="part2">
 <legend><img src="http://i34.servimg.com/u/f34/15/56/06/86/irl10.png" /></legend>
<label for="ager">Âge réel : </label>
  <input size="30" name="ager" id="ager" required="required" type="text" />
  
   <div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
 <div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Ce champ est obligatoire car TM est un forum déconseillé au moins de 16 ans, par conséquent nous devons savoir quel âge vous avez réellement au cas où nous vous estimions trop jeune.
</div>
 
</div>
</div>
  
  
  <br />
 
 <label for="autrefo">Avez-vous déjà fréquenté d'autres forums, lesquels ? </label>
 <input size="30" name="autrefo" id="autrefo" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Il est toujours intéressant de retracer son parcours de Rplayeur. Ce champ est aussi un moyen pour des joueurs venant d'un même autre forum de se reconnaître (ça arrive assez souvent!)
</div>
 
</div>
</div>
 
<br />

<label for="passion">Vos passions :</label>
 <textarea id="passion" name="passion" rows="3" cols="30"></textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Parce qu'il n'y a pas que le personnage, cette question est bien entendu là pour qu'on puisse apprendre à connaitre un peu le joueur derrière l'écran. Dites nous ce que vous aimez, ce que vous faites pendant votre temps libre, vos hobbies etc.
</div>
 
</div>
</div>
 
<br />

<label for="avis">Votre avis sur le forum? </label>
 <textarea id="avis" name="avis" rows="3" cols="30"></textarea>
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Le staff est toujours en quête d'amélioration, aussi ce champ à pour but de vous permettre de vous exprimer librement sur le forum. On se doute bien que si vous vous êtes inscrit c'est que vous l'aimez bien dans son ensemble, mais il y a peut-être des éléments qui vous gênent, vous avez peut-être rencontré des problèmes pour faire votre fiche etc. N'hésitez pas à parler de tout ce qui vous a dérangé d'une façon ou d'une autre pour qu'on puisse éventuellement le corriger.
</div>
 
</div>
</div>
 
<br />

<label for="commentco">Comment avez vous connu le forum? </label>
 <input size="30" name="commentco" id="commentco" type="text" />
 


<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 La grande question que l'on se pose souvent en tant qu'admin : à quel endroit avez vous vu ce lien que vous n'avez pas pu vous empêcher d'ouvrir avant de cliquer sur "s'enregistrer". Google, un annuaire, un topsite ? Ou bien est-ce tout simplement un ami qui vous a menacé de vous tuer si vous ne vous vous inscrivez pas? La réponse nous intéresse vraiment, elle permet de savoir où notre publicité est efficace et où elle manque de dynamisme. N'hésitez donc pas à donner un maximum de détail !
</div>
 
</div>
</div>
 <br/>
 <label for="pref">Phrase fétiche : </label>
 <input size="30" name="pref" id="pref" type="text" />
 
<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Ce champ est facultatif, vous pouvez y mettre une citation que vous aimez bien. (Quel soit tiré de votre personnage ou d'un personnage réel.) C'est un moyen différent de connaitre un peu la personne derrière l'écran.
</div>
 
</div>
</div>

<br />
<label for="cred">Crédit avatar : </label>
<input size="30" name="cred" id="cred" type="text" />

<div style="" class="infobulle">
 <img src="http://img15.hostingpics.net/pics/172069hel.png" />
<!--  Contenu de l'infobulle  -->
<div>
 
<div class="contenuinfobulle">
 
<h1>
 Aide
 </h1>
 Ce champ est prévu pour que vous puissiez créditer l'auteur de l'image que vous utilisez comme avatar ! <br />Si vous ne savez pas comment faire, <a href="http://www.terramysticarpg.com/t3281-retrouver-la-source-d-une-image" target="blank">un tutoriel </a> qui permet de retrouver la source de 98% des images si on cherche bien, est disponible. Créditer l'auteur d'une image qu'on utilise c'est avant tout une histoire de respect, mais cela vous donnera aussi le droit de la "réserver" afin que personne n'est la même que vous <a href="http://www.terramysticarpg.com/t2371-recensement-des-avatars" target="blank">dans ce sujet</a>.
</div>
 
</div>
</div>

 </fieldset>






<center>  <input type="submit" name="post" class="post"value="Envoyer" /></center>
</form>
</div>
</body>
</html>
 


Merci d'avance !


Dernière édition par Ayael le Mar 7 Jan 2014 - 11:47, édité 3 fois
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon générateur de présentation

Message par Scoubifitz Lun 6 Jan 2014 - 12:32

Bonjour,

Maintenant qu'on a un nouvel éditeur de pages HTML , la correction se fera plus facilement .

Mais ce sera pour ce soir , là , je pars au taf ...

 Hi 
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon générateur de présentation

Message par Ayael Lun 6 Jan 2014 - 12:35

Je vous remercie ♥ En attendant passez une bonne journée !
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon générateur de présentation

Message par demeter1 Lun 6 Jan 2014 - 14:52

Sur ce  topic vous avez la trame de votre formulaire avant réédition (voir premier message).

Vous avez également ce  formulaire de présentation que Scoubifitz vous a corrigé en Juin et qui a servi de base a votre nouveau générateur.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon générateur de présentation

Message par Ayael Lun 6 Jan 2014 - 15:34

Justement, j'ai reconstruit mon code à partir d'une ancienne version qui fonctionnait très bien, c'est pour ça que je ne comprends pas d'où vient le problème, et que je me permet de réclamer votre aide à nouveau >.< Mais c'est vrai que Scoubifitz est mon héro, je ne compte plus le nombre de fois où il m'a aidé ♥

Et le "code normal" que j'avais donné dans le sujet "html qui devient fou" est le premier que j'ai déjà corrigé, (directement en retirant les balises) il ne fonctionne pas non plus (mais je croyais que c'était à cause du bug des pages html...)
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon générateur de présentation

Message par Scoubifitz Mar 7 Jan 2014 - 2:45

éditez votre page en mode html avancé ( Problème avec mon générateur de présentation Editer-html)

et collez ce code (sans le haut/bas du forum , naturellement) :

Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Générateur de fiche de présentation TM</title>
<link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css" />
<style type="text/css">

/*Le css ici personnalise le formulaire*/

body {
background-image:url("http://i49.servimg.com/u/f49/16/89/28/25/parcho10.jpg");
}

.totaleformulaire {
margin:auto;
text-align:center;
}
/*infobulles  */

.infobulle {
display: inline-block;
margin-right:5px;
margin-bottom:5px;
}
.infobulle:after{
content:url(http://img15.hostingpics.net/pics/172069hel.png);
}
.infobulle > div {
position: absolute;
margin-top: -220px;
margin-left:18px;
opacity: 0;
visibility: hidden;
}
.infobulle:hover > div {
z-index:999;
opacity: 1;
visibility: visible;
}

.contenuinfobulle,#contenuinfobullerace {
width:300px;
font-family:andalus;
font-size:14px;
height:auto;
min-height:200px;
text-align:justify;
background-color:#492519;
padding:10px;
border-radius:15px;
box-shadow: 0px 0px 3px 3px #000;
z-index:999!important;
color:#fff;
}

/*titre dans les infobulles*/

.contenuinfobulle h1,#contenuinfobullerace h1 {
text-align:center!important;
font-size:18px;
text-shadow:0px 0px 2px #FBDEBA;
}

#contenuinfobullerace {
width:330px;
height:210px;
overflow:auto;
}

/* Police du texte tapé l'intérieur des champs et mettre une marge à gauche */

input, textarea, select {
color:#FAEFB1;
font-family:andalus;
border-radius:15px;
font-size:14px;
border: none;
padding:5px;
margin-left:10px;
margin-bottom:5px;
margin-top:5px;
background-color:#492519;
}

  label{width:200px;display:inline-block;
text-align:right;
font-weight: bold ;
vertical-align:top;
color:#4D291C;
}

h3 {
font-family: 'Yesteryear', cursive;
color:#492519;
font-size:40px;
}

/* Mettre les titres du groupe en caractères plus grands, en gras et spécifier une couleur*/

h2 {
margin-top:-40px;
}

/* Mettre une séparation entre les fieldset et colorer l'arrière plan */

fieldset{
border:none;
text-align:left;
width: 65%;
margin:50px auto 10px;
background-image: url("http://i34.servimg.com/u/f34/15/56/06/86/toplef11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/toprig10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/topcen10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center11.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.jpg");
background-position: left top, right top, right bottom, left bottom, center top, right center, center bottom, left center, left top;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
box-shadow: 0px 0px 18px rgb(0, 0, 0);
}  

a,a:link,a:visited,a:active,a:hover{
color:#ffffff!important; /*couleur*/
font-variant:small-caps; /*majuscule*/
font-size:16px; /*taille*/
text-decoration: none !important;
}
a:hover{
font-style:italic;
}

.post {
border-top: 1px solid #6d3a29;
background: #1f0000;
background: -webkit-gradient(linear, left top, left bottom, from(#492519), to(#1f0000));
background: -webkit-linear-gradient(top, #492519, #1f0000);
background: -moz-linear-gradient(top, #492519, #1f0000);
background: -ms-linear-gradient(top, #492519, #1f0000);
background: -o-linear-gradient(top, #492519, #1f0000);
padding: 5px 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #faefb1;
font-size: 14px;
font-family: andalus;
text-decoration: none;
vertical-align: middle;
}
.post:hover {
border-top-color: #faefb1;
background: #faefb1;
color: #492519;
}
.post:active {
border-top: 1px solid #6d3a29;
background: #1f0000;
background: -webkit-gradient(linear, left top, left bottom, from(#492519), to(#1f0000));
background: -webkit-linear-gradient(top, #492519, #1f0000);
background: -moz-linear-gradient(top, #492519, #1f0000);
background: -ms-linear-gradient(top, #492519, #1f0000);
background: -o-linear-gradient(top, #492519, #1f0000);
padding: 5px 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #faefb1;
font-size: 14px;
font-family: andalus;
text-decoration: none;
vertical-align: middle;
}

.compteurdemot {
position: fixed;
bottom: 40px;
left: 0px;
background-color:transparent;
z-index:999;
}
.contenucompteur {
padding:15px;
width: 600px;
height: 365px;
display: none;
border:none;
background-image: url("http://i34.servimg.com/u/f34/15/56/06/86/toplef11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/toprig10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/topcen10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center11.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.jpg");
background-position: left top, right top, right bottom, left bottom, center top, right center, center bottom, left center, left top;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
}

</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<div class='pseudofiche'>" + form.nom.value + "\n";
txt_message += "<br/></div><div class='partisynthé'>  " + form.partisynthe.value + "\n";
txt_message += "</div><table><tr><td><div class='titrefiche'>Information </div>";
txt_message += "<div class='infogénéral1'><strong>Surnom</strong>  " + form.surnom.value + "\n";
txt_message += "<strong>Âge :</strong> " + form.age.value + "\n";
txt_message += "<strong>Nationalité : </strong> " + form.nationalite.value + "\n";
txt_message += "<strong>Profession : </strong> " + form.profession.value + "\n";
txt_message += "<strong>Camp : </strong> " + form.camp.value + "\n";
txt_message += "<strong>Noblesse :</strong> " + form.noblesse.value + "\n";
txt_message += "<strong>Croyance :</strong> " + form.croyance.value + "\n";
txt_message += "<strong>Famille :</strong> " + form.famille.value + "\n";
txt_message += "</div></td><td><div class='titrefiche'>Race</div>";
txt_message += "<div class='race1'> " + form.race.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Caractère</div>";
txt_message += "<div class='carafiche'><br/> " + form.caractere.value + "\n";
txt_message += "<br/></div> <table><tr><td><div class='titrefiche'>Physique</div>";
txt_message += "<div class='infophysique1'>  " + form.physique.value + "\n";
txt_message += "</div> </td><td><div class='titrefiche'>Capacités</div>";
txt_message += "<div class='race1'><strong>Armes : </strong> " + form.arme.value + "\n";
txt_message += "<strong>Pouvoirs : </strong> " + form.pouvoir.value + "\n";
txt_message += "<strong>Familier : </strong> " + form.familier.value + "\n";
txt_message += "<strong>Artefact : </strong> " + form.artefact.value + "\n";
txt_message += "<strong>Autre : </strong> " + form.autre.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Histoire</div>";
txt_message += "<div class='carafiche'> <br/>Histoire " + form.histoire.value + "\n";
txt_message += " <br/></div><div class='pseudofiche'>Dans la réalité<br/><br/></div>";
txt_message += "<div class='partisynthé'><strong>Âge : </strong> " + form.ager.value + "\n";
txt_message += "<strong>Avez-vous déjà fréquenté d'autres forums, si oui lesquels ? </strong> " + form.autrefo.value + "\n";
txt_message += "<strong>Vos passions : </strong> " + form.passion.value + "\n";
txt_message += "<strong>Votre avis sur le forum?  </strong> " + form.avis.value + "\n";
txt_message += "<strong>Comment avez vous connu le forum?  </strong> " + form.commentco.value + "\n";
txt_message += "<strong>Phrase fétiche : </strong> " + form.pref.value + "\n";
txt_message += "<strong>Crédit avatar : </strong> " + form.cred.value + "</div>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
</head>
<body>

<!-- DEBUT du panneau coulissant Compteur de mots  -->
<table class="compteurdemot">
<tr>
<td>
<iframe src="http://www.terramysticarpg.com/h5-compteur-de-mot" id="chatboxpop" scrolling="no" class="contenucompteur" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</td>
<td style="vertical-align: bottom;">
<img src="http://img15.hostingpics.net/pics/732875compteurdemot.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://img15.hostingpics.net/pics/732875compteurdemot.png')?'block':'none';this.src=(this.src=='http://img15.hostingpics.net/pics/732875compteurdemot.png')?'http://img15.hostingpics.net/pics/496024ferm.png':'http://img15.hostingpics.net/pics/732875compteurdemot.png';" />
</td>
</tr>
</table>
<!-- FIN du panneau coulissant Compteur de mots  -->

<form action="http://www.terramysticarpg.com/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /><!--  Un nouveau topic sera créé  -->
<input type="hidden" name="topictype" value="0" checked="checked" /><!--  Value 0: Sujet Normal (1 = Note / 2 = annonce)  -->
<input type="hidden" name="message" value="" /><!--  Contiendra le texte du message  -->
<input type="hidden" name="f" value="17" /><!--    ID du forum dans lequel le message sera posté  -->

<div class="totaleformulaire">

<h3>Formulaire de présentation</h3>

<label for="titre">Titre du sujet : </label>
<input type="text" name="subject" id="titre" size="45" maxlength="60" required="required" /><br />

<a href="http://www.terramysticarpg.com/t490-guide-indispensable" taget="_blank">►► Accéder au Guide ◄◄</a><br />
<a href="http://www.terramysticarpg.com/f53-identites-vacantes">►► Découvrir les Identités Vacantes◄◄</a>

<fieldset>
<br />
☼ Passer votre souris sur les points d'interrogations pour obtenir des informations complémentaires sur les différents champs. <br />
☼ Il est conseillé d'écrire les grosses parties sur un éditeur de texte (word, open office etc.) et de copier ensuite dans les champs. Cela permet de limiter les fautes et d'avoir une sauvegarde en cas de problème. (Note : vous aurez la possibilité de rajouter/enlever des choses une fois la fiche postée en éditant votre message.) <br />
☼ Si vous n'êtes pas sûre d'avoir écrit suffisamment pour les champs important, un compteur de mot est à votre disposition. <br />
☼ Désormais, seule les fiches <strong>terminées</strong>, seront acceptées.<br />
☼ Mettez <strong>uniquement</strong> le nom (et le prénom si vous voulez) de votre personnage comme titre de sujet. (Les fiches validées sont classées par ordre alphabétique) <br />
☼ Pour plus de commodité, vous pouvez agrandir à votre guise les champs en cliquan en bas à droite de ces derniers.
</fieldset>

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/entate10.png" /></h2>

<label for="nom">Nom et prénom: </label>
<input type="text" size="30" name="nom" id="nom" required="required" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Si pour une raison justifiée votre personnage ne connait pas son nom, un prénom peut suffire, voire, un surnom. J'en profite pour rappeler que votre pseudo de membre doit être le prénom et/ou le nom de votre personnage.
</div>
</div><br />

<label for="partisynthe">Partie synthétique : </label>
<textarea id="partisynthe" name="partisynthe" rows="3" cols="50"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
L'idée c'est de synthétiser votre caractère en quelques mots/phrases qui donnent une idée globale de votre personnage à votre interlocuteur. Savoir immédiatement à qui on a à faire "en gros" avant de lire la vrai partie "caractère" elle toute en finesse et en profondeur. Mettez donc vos principales qualités/défauts, la chose que vous avez en horreur, celle que vous aimez le plus etc. Inutile de faire dans la subtilité : les nombreuses lignes du caractère sont là pour ça !
</div>
</div>
</fieldset>

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/inform10.png" /></h2>

<label for="surnom">Surnom: </label>
<input type="text" size="30" name="surnom" id="surnom" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Sérieusement, vous avez vraiment besoin d'aide pour cette case ? XD <br /> Bien sûr le champ est facultatif, vous pouvez le laisser vide !
</div>
</div><br />

<label for="age">Âge : </label>
<input type="text" size="30" name="age" id="age" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Dans ce champ il faut que vous mettiez l'âge de votre personnage, sachant que plus il sera vieux, plus il faudra dire comment il a vécu dans son histoire. Évitez les personnages trop vieux. Il est possible d'avoir jusqu'à environ 2000 ans mais dès que vous dépassez les 600 ans il vous faudra demander l'autorisation d'un MJ avant. <br />Vous pouvez si vous le souhaiter lui trouver une date de naissance en vous basant sur ce <a href="http://www.terramysticarpg.com/t1215-calendrier" target="blank"> calendrier</a><strong>Rappel</strong> : Nous sommes en l'an 113.
</div>
</div><br />

<label for="nationalite">Nationalité :</label>
<select name="nationalite" id="nationalite">
<option>Ciel</option>
<option>Terre</option>
<option>Feu</option>
<option>Eau</option>
<option>Glace</option>
<option>Montagne</option>
<option>Zelphos</option>
<option>Limbe</option>
</select>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Votre nationalité est le pays auquel vous appartenez, si vous vous baladez beaucoup mettez simplement l'endroit dans lequel vous êtes naît.
</div>
</div><br />

<label for="profession">Profession : </label>
<input type="text" size="30" name="profession" id="profession" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Quel métier à votre personnage ?<br />
Vous pouvez avoir une place importante dans Terra en ayant un <a href="http://www.terramysticarpg.com/t3554-affiliations" target="blank">poste libre</a> Sinon une liste non exhaustive des professions courantes dans un monde médiéval fantastique est disponible <a href="http://terramystica.wikia.com/wiki/M%C3%A9tiers" target="blank"> ici</a>. Si vous n'avez aucun métier, mettez "Vagabond" et si êtes noble et que vous vivez de vos terres vous pouvez indiquer "Rentier". Vous pouvez avoir éventuellement plusieurs métiers s'ils sont très proche (Ex : être herboriste et apothicaire) mais en aucun cas vous pouvez collectionner les métiers en tout genre (charpentier et garde par exemple) <br />
</div>
</div><br />

<label for="camp">Camp : </label>
<textarea id="camp" name="camp" rows="3" cols="50"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Il s'agit de votre affiliation principale : Partisan d'AT, Rebelle, Adorateurs de Nayris, Indépendant (souvent membre d'une guilde !) ou bien neutre. Toutes les explications concernant ces camps sont disponibles <a href="http://www.terramysticarpg.com/t3554-affiliations" target="_blank"> ici</a>
</div>
</div><br />

<label for="noblesse">Titre de noblesse: </label>
<textarea id="noblesse" name="noblesse" rows="1" cols="70"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Toutes les informations concernant le système de noblesse <a href="http://www.terramysticarpg.com/t2376-le-systeme-de-noblesse" target="blank"> se trouvent ici</a>. Si vous décidez de devenir noble, n'oubliez pas de <strong> choisir le numéro</strong> de votre territoire sur la <a href="http://www.terramysticarpg.com/h1-carte" target="blank">carte</a>(Sauf si vous êtes noble déchu évidemment).Rappel : vous pouvez être seigneur, baron, marquis, duc.
</div>
</div><br />

<label for="famille">Famille/tribus: </label>
<textarea type="text" size="30" name="famille" id="famille" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Laissez ce champ vide, sauf si vous faites parti d'une des grandes familles/tribus disponibles. <a href="http://www.terramysticarpg.com/f95-famille-tribus" target="blank"> la liste se trouve ici</a>. Bien entendu, une fois validé vous pourrez proposer la votre.
</div>
</div><br />

<label for="croyance">Croyance : </label>
<textarea id="croyance" name="croyance" rows="1" cols="50"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Il s'agit de dire ici en quel divinité votre personnage croit. Toutes les religions sont recensées <a href="http://www.terramysticarpg.com/f97-religion" target="blank"> ici</a>. <br />Rappel : croire en une religion <strong>rapporte des bonus</strong>... N'hésitez donc pas à en prendre une ! <br />Si vous souhaitez en inventer une, n'oubliez pas de la soumettre à validation une fois votre fiche validée. Si vous ne croyez en rien laissez vide ou préciser que vous êtes athée.
</div>
</div><br />

<label for="race">Race : </label>
<textarea id="race" name="race" rows="4" cols="50"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div id="contenuinfobullerace">
<h1>Aide</h1>
<strong>Merci de lire très attentivement ce qui suit ! </strong><br />
Dans un soucis de cohérence lorsque vous choisissez une race déjà existante, merci de vous renseigner dans le wikia avant(<a href="http://terramystica.wikia.com/wiki/Category:Race" target="blank"> cette page recense toutes les races validés de TM</a>). <br />
<strong>Si la race n'a encore jamais été utilisé</strong> : merci d'en faire une description détaillée comprenant : les caractéristiques physique, les capacités, les coutume, les contrés où ils sont présent (si c'est limité: inutile si on en trouve un peu partout dans Terra) et enfin les origines mythologique version Terra Mystica. (facultatif, mais n'hésitez pas à contacter Albar pour vous en trouver une !). Même démarche <strong>si vous décidez d'inventer votre propre race</strong>. (A noté qu'il est inutile d'en créer une nouvelle pour un oui ou pour un nom. Pas la peine d'en inventer une pour donner à un elfe des cheveux roses et la peau tachetée...) <br />
En revanche, <strong>si la race existe déjà sur TM </strong> soit la description faite vous convient et dans ce cas il suffit de mettre son nom, soit il y a quelques variantes qui vous dérange, et vous pouvez créer une sous race. En d'autre termes : indiquer le nom de la race originale, rajoutez quelque chose derrière (exemple "elfe lunaire") et expliquer clairement quels sont les différences avec la race originale. (Là encore, merci d'utiliser ce système avec modération.)
</div>
</div>
</fieldset>

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/en_pro10.png" /></h2>

<label for="caractere">Caractère : </label>
<textarea id="caractere" name="caractere" rows="5" cols="90%"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Sans doute le champ le plus important, vous devrez ici détaillé le caractère, la psychée de votre personnage. Soyez le plus précis et le plus nuancé possible et prenez garde aux contresens ! Il y a beaucoup de chose à dire dans cette partie : ses qualités, ses défauts, ses ambitions, ses goûts etc. N'hésitez pas non plus à ajouter des exemples pour rendre les choses clairs.<br />
<a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
</div>
</div><br />

Un minimum de 10 lignes est exigées, soit environ 200 mots.<br /><br />
<label for="physique">Physique : </label>
<textarea id="physique" name="physique" rows="5" cols="90%"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Décrivez à quoi vous ressemblez : votre corpulence, les habits que vous portez le plus souvant, la forme/couleur de votre peau, de vos yeux, de vos cheveux, vos signes caractéristiques etc. <br /><a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre physique est disponible ici !</a>
</div>
</div>
</fieldset>

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/capaci10.png" /></h2>

<label for="arme">Armes : </label>
<input type="text" size="30" name="arme" id="arme" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Quel arme votre personnage sait manier (s'il en a à titre décoratif mettez le dans le champ "autre"). N'oubliez pas de justifier l'apprentissage dans votre histoire. <br />Une liste de (presque) toutes les armes existantes <a href="http://terramystica.wikia.com/wiki/Les_Armes_sur_Terra_Mystica" target="blank">est disponible ici</a>
</div>
</div><br />

<label for="pouvoir">Pouvoirs : </label>
<textarea type="text" size="30" name="pouvoir" id="pouvoir" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Vous devrez détailler ici quels sont les pouvoirs de votre personnages. Gardez à l'esprit que votre personnage ne doit pas être trop fort (OP), il est donc important de bien préciser les limites, les contreparties. N'hésitez pas à faire des choses très concises (sous forme de liste) et à donner des exemples pour ettayer des propos. <br />Si vous voulez approfondir ou que vous n'avez pas d'idée, un <a href="http://terramystica.wikia.com/wiki/La_magie_sur_Terra_Mystica" target="blank">article sur la magie</a> est disponible.
</div>
</div><br />

<label for="familier">Familier : </label>
<textarea type="text" size="30" name="familier" id="familier" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Un familier est une créature avec qui vous êtes liée, une définition précise est <a href="http://terramystica.wikia.com/wiki/Familier" target="blank">disponible ici</a>. Mais en règle général si vous avez simplement un cheval, à moins d'avoir un lien affectif très fort, mettez le dans l'autre.
</div>
</div><br />

<label for="artefact">Artefact : </label>
<textarea type="text" size="30" name="artefact" id="artefact" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Indiquez ici si vous possédez un objet aux propriétés magiques. Pour plus d'info sur ces choses, <a href="http://terramystica.wikia.com/wiki/Artefact" target="blank"> cliquez ici</a>.
</div>
</div><br />

<label for="autre">Autre : </label>
<textarea id="autre" name="autre" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Indiquez ici tout autre possession que vous jugez utile de rajouter. (Un objet symbolique qui ne vous quitte jamais par exemple, un souvenir etc.
</div>
</div>
</fieldset><br />

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/histoi10.png" /></h2>

<label for="histoire">Histoire : </label>
<textarea id="histoire" name="histoire" rows="10" cols="100%"></textarea><br />

Un minimum de 15 lignes est exigées, soit environ 300 mots.

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Racontez nous ici l'histoire de votre personnage, son enfance, les événements qui ont marqués sa vie : rencontres, accomplissements ou perte... Bref, faites nous une biographie complète qui doit bien entendu s'accorder avec le caractère. (ce dernier évolue forcément en fonction de notre vécu.) Ah et interdiction de faire simplement un gros trous de mémoire. <a href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation" target="blank"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
</div>
</div>
</fieldset>

<fieldset>
<h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/irl10.png" /></h2>

<label for="ager">Âge réel : </label>
<input type="text" size="30" name="ager" id="ager" required="required" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Ce champ est obligatoire car TM est un forum déconseillé au moins de 16 ans, par conséquent nous devons savoir quel âge vous avez réellement au cas où nous vous estimions trop jeune.
</div>
</div><br />

<label for="autrefo">Avez-vous déjà fréquenté d'autres forums, si oui lesquels ?</label>
<textarea type="text" size="30" name="autrefo" id="autrefo" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Il est toujours intéressant de retracer son parcours de Rplayeur. Ce champ est aussi un moyen pour des joueurs venant d'un même autre forum de se reconnaître (ça arrive assez souvent!)
</div>
</div><br />

<label for="passion">Vos passions :</label>
<textarea id="passion" name="passion" rows="3" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Parce qu'il n'y a pas que le personnage, cette question est bien entendu là pour qu'on puisse apprendre à connaitre un peu le joueur derrière l'écran. Dites nous ce que vous aimez, ce que vous faites pendant votre temps libre, vos hobbies etc.
</div>
</div><br />

<label for="avis">Votre avis sur le forum? </label>
<textarea id="avis" name="avis" rows="3" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Le staff est toujours en quête d'amélioration, aussi ce champ à pour but de vous permettre de vous exprimer librement sur le forum. On se doute bien que si vous vous êtes inscrit c'est que vous l'aimez bien dans son ensemble, mais il y a peut-être des éléments qui vous gênent, vous avez peut-être rencontré des problèmes pour faire votre fiche etc. N'hésitez pas à parler de tout ce qui vous a dérangé d'une façon ou d'une autre pour qu'on puisse éventuellement le corriger.
</div>
</div><br />

<label for="commentco">Comment avez vous connu le forum? </label>
<textarea type="text" size="30" name="commentco" id="commentco" rows="1" cols="30"></textarea>

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
La grande question que l'on se pose souvent en tant qu'admin : à quel endroit avez vous vu ce lien que vous n'avez pas pu vous empêcher d'ouvrir avant de cliquer sur "s'enregistrer". Google, un annuaire, un topsite ? Ou bien est-ce tout simplement un ami qui vous a menacé de vous tuer si vous ne vous vous inscrivez pas? La réponse nous intéresse vraiment, elle permet de savoir où notre publicité est efficace et où elle manque de dynamisme. N'hésitez donc pas à donner un maximum de détail !
</div>
</div><br />

<label for="pref">Phrase fétiche : </label>
<input type="text" size="30" name="pref" id="pref" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Ce champ est facultatif, vous pouvez y mettre une citation que vous aimez bien. (Quel soit tiré de votre personnage ou d'un personnage réel.) C'est un moyen différent de connaitre un peu la personne derrière l'écran.
</div>
</div><br />

<label for="cred">Crédit avatar : </label>
<input type="text" size="30" name="cred" id="cred" />

<div class="infobulle">
<!--  Contenu de l'infobulle  -->
<div class="contenuinfobulle">
<h1>Aide</h1>
Ce champ est prévu pour que vous puissiez créditer l'auteur de l'image que vous utilisez comme avatar ! <br />Si vous ne savez pas comment faire, <a href="http://www.terramysticarpg.com/t3281-retrouver-la-source-d-une-image" target="blank">un tutoriel </a> qui permet de retrouver la source de 98% des images si on cherche bien, est disponible. Créditer l'auteur d'une image qu'on utilise c'est avant tout une histoire de respect, mais cela vous donnera aussi le droit de la "réserver" afin que personne n'est la même que vous <a href="http://www.terramysticarpg.com/t2371-recensement-des-avatars" target="blank">dans ce sujet</a>.
</div>
</div>
</fieldset>

<center>
<input type="submit" name="post" class="post" value="Envoyer" />
</center>
(c) Codé par Ayael pour Terra Mystica uniquement
</div>
</form>
</body>
</html>

(j'ai placé un ":after" dans le CSS pour répéter le point d'interrogation des infobulles ... )
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec mon générateur de présentation

Message par Ayael Mar 7 Jan 2014 - 11:46

Scoubitifz, définitivement, merci ♥
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum