html qui devient fou

3 participants

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

Résolu html qui devient fou

Message par Ayael Dim 22 Déc 2013 - 0:24

Bonjour !
Pour faire simple, depuis la mise à jour de FA, mon html devient fou. Il me rajoute/enlève/duplique/ferme/ouvre des balises partout ! Ca à fait complètement foiré mon générateur de présentation...
Patiemment, j'ai tout corrigé, mais à peine enregistrer PAF il me refait les même choses !
Je suis désespérée...


Voici le code normal
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*/

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

}







/*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;
}







/* 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{

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;
width: 65%;
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);
}    
  







a:link, a {

color:#ffffff!important; /*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;
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: 315px;
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><link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css" />
<table class="compteurdemot">
 <tbody>
 <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>
 </tbody>
</table><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><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> <div class='race1'> " + form.race.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Caractère</div><div class='carafiche'><br/> " + form.caractere.value + "\n";
txt_message += "<br/></div> <table><tr><td><div class='titrefiche'>Physique</div><div class='infophysique1'>  " + form.physique.value + "\n";
txt_message += "</div> </td><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> " + form.autre.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Histoire</div><div class='carafiche'> <br/>Histoire " + form.histoire.value + "\n";
txt_message += " <br/></div><div class='pseudofiche'>Dans la réalité<br/><br/></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> " + form.cred.value + "</div>\n";



// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<div class="totaleformulaire">
 <div>
 <center>
 <h3>
 Formulaire de présentation
</h3>
 <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 type="text" name="subject" id="titre" size="45" maxlength="60" required="required" />
 </center><br />
 </form>
 </center>
 </div>
 <center style="">
 >> <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>
 </center><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 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/entate10.png" />
 </h2><label for="nom"></label>Nom et prénom: <input type="text" size="30" name="nom" id="nom" required="required" />
 <div class="infobulle" style=""><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"></label>Partie synthétique : <textarea id="partisynthe" name="partisynthe" rows="3" cols="50"></textarea>
 <div class="infobulle" style=""><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>
 <h2 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/inform10.png" />
 </h2>


<label for="surnom"></label>Surnom: <input type="text" size="30" name="surnom" id="surnom" />
 <div class="infobulle" style=""><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><label for="age"></label>Âge : <input type="text" size="30" name="age" id="age" />
 <div class="infobulle" style=""><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"></label>Nationalité :
<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" style=""><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><label for="profession"></label>Profession : <input type="text" size="30" name="profession" id="profession" />
 <div class="infobulle" style=""><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"></label>Camp : <textarea id="camp" name="camp" rows="3" cols="50"></textarea>
 <div class="infobulle" style=""><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 : 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>
 </div><br />

<label for="noblesse"></label>Titre de noblesse: <textarea id="noblesse" name="noblesse" rows="1" cols="70" ="noblesse"=""></textarea>
 <div class="infobulle" style=""><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/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>
 </div><br /><label for="famille"></label>Famille/tribus: <textarea type="text" size="30" name="famille" id="famille" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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="croyance"></label>Croyance : <textarea id="croyance" name="croyance" rows="1" cols="50"></textarea>
 <div class="infobulle" style=""><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"></label>Race : <textarea id="race" name="race" rows="4" cols="50"></textarea>
 <div class="infobulle" style=""><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><h2 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/en_pro10.png" />
 </h2>

<label for="caractere"></label>Caractère : <textarea id="caractere" name="caractere" rows="5" cols="90%"></textarea>
 <div class="infobulle" style=""><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 /><em></em> Un minimum de 10 lignes est exigées, soit environ 200 mots.<br /><br /><label for="physique"></label>Physique : <textarea id="physique" name="physique" rows="5" cols="90%"></textarea>
 <div class="infobulle" style=""><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></fieldset>


 <fieldset><h2 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/capaci10.png" />
 </h2><label for="arme"></label>Armes : <input type="text" size="30" name="arme" id="arme" />
 <div class="infobulle" style=""><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"></label>Pouvoirs : <textarea type="text" size="30" name="pouvoir" id="pouvoir" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Familier : <textarea type="text" size="30" name="famlier" id="familier" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Artefact : <textarea type="text" size="30" name="artefact" id="artefact" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Autre : <textarea id="autre" name="autre" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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></fieldset><br />

<fieldset>
 <h2 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/histoi10.png" />
 </h2><label for="histoire"></label>Histoire : <textarea id="histoire" name="histoire" rows="10" cols="100%"></textarea><br /><em></em> Un minimum de 15 lignes est exigées, soit environ 300 mots.
 <div class="infobulle" style=""><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>
 <h2 style=""><img src="http://i34.servimg.com/u/f34/15/56/06/86/irl10.png" />
 </h2><label for="ager"></label>Âge réel : <input type="text" size="30" name="ager" id="ager" required="required" />
 <div class="infobulle" style=""><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"></label>Avez-vous déjà fréquenté d'autres forums, si oui lesquels ? <textarea type="text" size="30" name="autrefo" id="autrefo" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Vos passions :<textarea id="passion" name="passion" rows="3" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Votre avis sur le forum? <textarea id="avis" name="avis" rows="3" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Comment avez vous connu le forum? <textarea type="text" size="30" name="commentco" id="commentco" rows="1" cols="30"></textarea>
 <div class="infobulle" style=""><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"></label>Phrase fétiche : <input type="text" size="30" name="pref" id="pref" />
 <div class="infobulle" style=""><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"></label>Crédit avatar : <input type="text" size="30" name="cred" id="cred" />
 <div class="infobulle" style="">
 <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>
 (c) Codé par Ayael pour Terra Mystica uniquement
</div>

Je poste ce message en deux partis, car la longueur est trop importante avec le code;


Dernière édition par Ayael le Mar 7 Jan 2014 - 12:54, édité 1 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: html qui devient fou

Message par Ayael Dim 22 Déc 2013 - 0:25

et voici le code qu'il me fabrique (vous noterez que le nombre de balise "fieldset" a été multiplié par 6 au moins...)

Code:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>Générateur de fiche de présentation TM</title><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");

}







/*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;
}







/* 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{

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;
width: 65%;
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);
}   
 







a:link, a {

color:#ffffff!important; /*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;
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: 315px;
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><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yesteryear" />
<table class="compteurdemot">
   <tbody>
      <tr>
         <td><iframe frameborder="0" marginheight="0" marginwidth="0" class="contenucompteur" scrolling="no" id="chatboxpop" src="http://www.terramysticarpg.com/h5-compteur-de-mot"></iframe>
         </td>
         <td style="vertical-align: bottom;"><img 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';" src="http://img15.hostingpics.net/pics/732875compteurdemot.png" />
         </td>
      </tr>
   </tbody>
</table><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><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> <div class='race1'> " + form.race.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Caractère</div><div class='carafiche'><br/> " + form.caractere.value + "\n";
txt_message += "<br/></div> <table><tr><td><div class='titrefiche'>Physique</div><div class='infophysique1'>  " + form.physique.value + "\n";
txt_message += "</div> </td><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> " + form.autre.value + "\n";
txt_message += "</div></td></tr></table><div class='titrefiche'>Histoire</div><div class='carafiche'> <br/>Histoire " + form.histoire.value + "\n";
txt_message += " <br/></div><div class='pseudofiche'>Dans la réalité<br/><br/></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> " + form.cred.value + "</div>\n";



// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<div class="totaleformulaire">
   <div>
      <center>
         <h3>
             Formulaire de présentation
         </h3>
         <form onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="http://www.terramysticarpg.com/posting.forum"><input value="0" name="lt" type="hidden" /><input value="newtopic" name="mode" type="hidden" />
            <!--    Un nouveau topic sera créé    --><input checked="checked" value="0" name="topictype" type="hidden" />
            <!--    Value 0: Sujet Normal (1 = Note / 2 = annonce)    --><input value="" name="message" type="hidden" />
            <!--    Contiendra le texte du message    --><input value="17" name="f" type="hidden" />
            <!--    ID du forum dans lequel le message sera posté  --><br />
            <center>
               <label for="titre">Titre du sujet : </label><input required="required" maxlength="60" size="45" id="titre" name="subject" type="text" />
            </center><br />
         </form>
      </center>
   </div>
   <center style="">
       >> <a taget="_blank" href="http://www.terramysticarpg.com/t490-guide-indispensable">Accéder au Guide </a><< <br /><a href="http://www.terramysticarpg.com/f53-identites-vacantes">>> Découvrir les Identités Vacantes<<</a>
   </center><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></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/entate10.png" />
   </h2><fieldset><label for="nom"></label>Nom et prénom: <input required="required" id="nom" name="nom" size="30" type="text" /></fieldset>
   <div style="" 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><fieldset><br /><label for="partisynthe"></label>Partie synthétique : <textarea cols="50" rows="3" name="partisynthe" id="partisynthe"></textarea></fieldset>
   <div style="" 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><fieldset></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/inform10.png" />
   </h2><fieldset><label for="surnom"></label>Surnom: <input id="surnom" name="surnom" size="30" type="text" /></fieldset>
   <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><fieldset><label for="age"></label>Âge : <input id="age" name="age" size="30" type="text" /></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t1215-calendrier"> calendrier</a><strong>Rappel</strong> : Nous sommes en l'an 113.
         </div>
      </div>
   </div><fieldset><br /><label for="nationalite"></label>Nationalité : <select id="nationalite" name="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></fieldset>
</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><fieldset><label for="profession"></label>Profession : <input id="profession" name="profession" size="30" type="text" /></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t3554-affiliations">poste libre</a> Sinon une liste non exhaustive des professions courantes dans un monde médiéval fantastique est disponible <a target="blank" href="http://terramystica.wikia.com/wiki/M%C3%A9tiers"> 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><fieldset><br /><label for="camp"></label>Camp : <textarea cols="50" rows="3" name="camp" id="camp"></textarea></fieldset>
   <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 : 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 target="_blank" href="http://www.terramysticarpg.com/t3554-affiliations"> ici</a>
         </div>
      </div>
   </div><fieldset><br /><label for="noblesse"></label>Titre de noblesse: <textarea ="noblesse"="" cols="70" rows="1" name="noblesse" id="noblesse"></textarea></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t2376-le-systeme-de-noblesse"> 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 target="blank" href="http://www.terramysticarpg.com/h1-carte">carte</a>(Sauf si vous êtes noble déchu évidemment).Rappel : vous pouvez être seigneur, baron, marquis, duc.
         </div>
      </div>
   </div><fieldset><br /><label for="famille"></label>Famille/tribus: <textarea cols="30" rows="1" id="famille" name="famille" size="30" type="text"></textarea></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/f95-famille-tribus"> la liste se trouve ici</a>. Bien entendu, une fois validé vous pourrez proposer la votre.
         </div>
      </div>
   </div><fieldset><br /><label for="croyance"></label>Croyance : <textarea cols="50" rows="1" name="croyance" id="croyance"></textarea></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/f97-religion"> 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><fieldset><br /><label for="race"></label>Race : <textarea cols="50" rows="4" name="race" id="race"></textarea></fieldset>
   <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 target="blank" href="http://terramystica.wikia.com/wiki/Category:Race"> 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><fieldset></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/en_pro10.png" />
   </h2><fieldset><label for="caractere"></label>Caractère : <textarea cols="90%" rows="5" name="caractere" id="caractere"></textarea></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
         </div>
      </div>
   </div><fieldset><br /><em></em> Un minimum de 10 lignes est exigées, soit environ 200 mots.<br /><br /><label for="physique"></label>Physique : <textarea cols="90%" rows="5" name="physique" id="physique"></textarea></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation"> Une aide beaucoup plus détaillée pour vous aider à écrire votre physique est disponible ici !</a>
         </div>
      </div>
   </div><fieldset></fieldset><fieldset></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/capaci10.png" />
   </h2><fieldset><label for="arme"></label>Armes : <input id="arme" name="arme" size="30" type="text" /></fieldset>
   <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 target="blank" href="http://terramystica.wikia.com/wiki/Les_Armes_sur_Terra_Mystica">est disponible ici</a>
         </div>
      </div>
   </div><fieldset><br /><label for="pouvoir"></label>Pouvoirs : <textarea cols="30" rows="1" id="pouvoir" name="pouvoir" size="30" type="text"></textarea></fieldset>
   <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 target="blank" href="http://terramystica.wikia.com/wiki/La_magie_sur_Terra_Mystica">article sur la magie</a> est disponible.
         </div>
      </div>
   </div><fieldset><br /><label for="familier"></label>Familier : <textarea cols="30" rows="1" id="familier" name="famlier" size="30" type="text"></textarea></fieldset>
   <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 target="blank" href="http://terramystica.wikia.com/wiki/Familier">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><fieldset><br /><label for="artefact"></label>Artefact : <textarea cols="30" rows="1" id="artefact" name="artefact" size="30" type="text"></textarea></fieldset>
   <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 target="blank" href="http://terramystica.wikia.com/wiki/Artefact"> cliquez ici</a>.
         </div>
      </div>
   </div><fieldset><br /><label for="autre"></label>Autre : <textarea cols="30" rows="1" name="autre" id="autre"></textarea></fieldset>
   <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><fieldset></fieldset><br /><fieldset></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/histoi10.png" />
   </h2><fieldset><label for="histoire"></label>Histoire : <textarea cols="100%" rows="10" name="histoire" id="histoire"></textarea><br /><em></em> Un minimum de 15 lignes est exigées, soit environ 300 mots. </fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t531-conseil-et-aide-pour-vos-presentation"> Une aide beaucoup plus détaillée pour vous aider à écrire votre caractère est disponible ici !</a>
         </div>
      </div>
   </div><fieldset></fieldset><fieldset></fieldset>
   <h2 style="">
      <img src="http://i34.servimg.com/u/f34/15/56/06/86/irl10.png" />
   </h2><fieldset><label for="ager"></label>Âge réel : <input required="required" id="ager" name="ager" size="30" type="text" /></fieldset>
   <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><fieldset><br /><label for="autrefo"></label>Avez-vous déjà fréquenté d'autres forums, si oui lesquels ? <textarea cols="30" rows="1" id="autrefo" name="autrefo" size="30" type="text"></textarea></fieldset>
   <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><fieldset><br /><label for="passion"></label>Vos passions :<textarea cols="30" rows="3" name="passion" id="passion"></textarea></fieldset>
   <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><fieldset><br /><label for="avis"></label>Votre avis sur le forum? <textarea cols="30" rows="3" name="avis" id="avis"></textarea></fieldset>
   <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><fieldset><br /><label for="commentco"></label>Comment avez vous connu le forum? <textarea cols="30" rows="1" id="commentco" name="commentco" size="30" type="text"></textarea></fieldset>
   <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><fieldset><br /><label for="pref"></label>Phrase fétiche : <input id="pref" name="pref" size="30" type="text" /></fieldset>
   <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><fieldset><br /><label for="cred"></label>Crédit avatar : <input id="cred" name="cred" size="30" type="text" /></fieldset>
   <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 target="blank" href="http://www.terramysticarpg.com/t3281-retrouver-la-source-d-une-image">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 target="blank" href="http://www.terramysticarpg.com/t2371-recensement-des-avatars">dans ce sujet</a>.
         </div>
      </div>
   </div><fieldset></fieldset>
   <center><input value="Envoyer" class="post" name="post" type="submit" />
   </center>
    (c) Codé par Ayael pour Terra Mystica uniquement
</div>

Merci d'avance pour votre aide précieuse !
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: html qui devient fou

Message par Ea Dim 22 Déc 2013 - 1:39

Bonjour,


Pour les pages html, une solution ( de la part de forumactif ) devra arriver.

En attendant moi sur google chrome j'utilise l'astuce :
https://forum.forumactif.com/t358075-correction-de-la-mise-en-forme-du-nouvel-editeur-en-mode-source

Avec google chrome, pour l'utiliser sur le panneau d'administration on peut créer un fichier :

Code:
fixfaeditor.user.js

avec ce contenu :

Code:
// ==UserScript==
// @name        FixFaEditor
// @match http://js01.fra.co/*
// @match http://aska.123.st/*
// ==/UserScript==

function main() {
  jQuery && $(function() {
    var a = $("#text_editor_textarea"), t;
    a.length && (t = a.val()) && $(function() {
      a.sceditor && a.sceditor("instance") && a.sceditor("instance").val(t);
    });
  });
}

var script = document.createElement("script");
script.textContent = "(" + main.toString() + ")();";
if(document.getElementById('text_editor_textarea'))
  document.body.appendChild(script);

Les lignes :

Code:
// @match http://js01.fra.co/*

sont les domaines sur lesquels le script sera exécuté ( l'étoile après indique que ça doit être exécuté sur toutes les pages du domaine ).

Ensuite je drag and drop le fichier sur la page chrome://extensions :
https://i.imgur.com/NWW0Iox.png

Je confirme l'installation :
https://i.imgur.com/Nyo2PDC.png

Et ensuite même un code qui pour le moment est "capouté" fonctionne sur le panneau d'administration :
https://i.imgur.com/giowQ6a.png

Mon firefox est kaput, donc je n'ai pas moyen de tester, mais il y a un extension ( greasemonkey ) qui devrait permettre d'inclure le userscript comme on le fait avec chrome chrome.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: html qui devient fou

Message par Ayael Lun 23 Déc 2013 - 11:31

Je vous remercie pour ces prémices d'explications, après j'utilise plus firefox donc... Et le script ne semble pas faire d'effet
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: html qui devient fou

Message par Ayael Sam 28 Déc 2013 - 15:01

Petit UP...
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: html qui devient fou

Message par Ea Sam 28 Déc 2013 - 15:08

Sur google chrome ou chromium ça semble fonctionner parfaitement.

J'ai tenté de réinstaller firefox en supprimant toutes les données possibles mais rien à faire.

Enfin en parcourant la documentation de greasemonkey, je ne vois pas d'où viendrait le problème, mais si vous dites que ça ne fonctionne pas...

html qui devient fou NGE9m7d
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: html qui devient fou

Message par Scoubifitz Sam 28 Déc 2013 - 16:01

bonjour,

Je me permet d'intervenir ...

@ Ayael : avez vous dans Firefox l'ardoise javascript ?

Firefox > Développement web > Ardoise Javascript
ou
Outils > Développeur web > Ardoise Javascript

Si oui , allez directement à la page Html qui bugge , éditez la ...

Ouvrez l'ardoise javascript , collez le code donné par Ea , rajoutez le lien de votre forum à la liste des ==UserScript== , sans oublier l'étoile , et "exécuter" ...

Voilà ... votre code est de nouveau opérationnel ,tel que vous l'avez mis au départ ...
L'exécution sera à faire à chaque fois que vous éditez une page ...
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: html qui devient fou

Message par Ea Sam 28 Déc 2013 - 17:01

Avec l'ardoise javascript, il me semble qu'on pourrait utiliser directement le code de l'astuce :
https://forum.forumactif.com/t358075-correction-de-la-mise-en-forme-du-nouvel-editeur-en-mode-source#3044116

Le code donné plus haut est l'équivalent mais modifié pour que ça fonctionne ( normalement ) avec les userscript de google chrome, chrome et l'extension greasemonkey de firefox.

En utilisant un userscript, cela fonctionnera automatiquement jusqu'à ce qu'on désactive ou désinstalle l'userscript.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: html qui devient fou

Message par Scoubifitz Sam 28 Déc 2013 - 18:04

Testé avec le module greasemonkey ... Marche parfaitement pour tout le PA et la messagerie !

Le seul hic est au niveau du basculement entre mode source et mode WYSIWYG ... Bah , on ne peut pas tout avoir ...
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: html qui devient fou

Message par Scoubifitz Dim 5 Jan 2014 - 11:13

bonjour,

toujours d'actualité .
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: html qui devient fou

Message par Ayael Dim 5 Jan 2014 - 11:21

Oui toujours, mais j'avoue que je suis un peu perdue... Je crois que j'ai bousillé mon code en essayant de le refaire une première fois, il y a du avoir un bug que j'ai pas vu, et maintenant il considère que c'est le bon, donc mon code ne fonctionne plus malgré tout. Mais je serais incapable de dire si ça viens là ou si j'ai fais un truc qui va pas, ou si c'est vos méthodes qui ne marchent pas >.< (Même si esthétiquement ça va donc je dirais que ça viens du code...)
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