Générateur de présentation

Bonjour,

Commande toujours d'actualité. Si vous avez besoin de précisions, n'hésitez pas à me demander.

Commande toujours d'actualité. Merci d'avance à la personne qui prendra ma commande. Voici une capture d'écran de la fiche de présentation. Je donnerais les codes à la personne qui pense faire la commande.

Spoiler:

Merci d'avance.

Commandes toujours d'actualité. Merci d'avance à la personne qui essayera.

salut

je veux bien m'occuper de cette commande. peux-tu m'envoyer tes sources actuelles ?

merci ^^

Merci beaucoup, je t'envoie ça tout de suite par mp.

C'est beaucoup se que tu demande O.o !
Il faudrait installer le contenu dans une page HTML.
Si jamais je te donne les code, tu serais capable d'installer le générateur de Présentation à ton topic de présentation ?

Inikaam a proposé de m'aider après c'est comme ça l'arrange.

Commande toujours en cours.

on verra les détails d'intégration après qu'on l'ait peaufiné déjà ^^

comme je le disais par MP, je manque effectivement de temps cette semaine. j'ai une lourde soutenance demain et toute une application à terminer. je m'occuperai donc de ton code à partir de ce week end ^^

Pas de problème, je comprend

Bonjour commande toujours d'actu?

Pense à uper de temps en temps.

Oui ma commande est toujours en cours.

un petit passage pour dire de ne pas paniquer, je suis toujours dessus ^^

Merci beaucoup et fais ce que tu peux.

Bonjour commande toujours d'actu?

Si oui pense à uper de temps en temps.

Oui, commence toujours d'actualité. :)

c'est ma faute c'est moi qui prend du retard. j'ai quelques blocages avec le boulot, et j'ai un truc qui bugge sur le code. quand j'arriverai à trouver d'où ça vient, tu auras ta version finale ^^

Fais-ce que tu peux. Merci de ne pas m'oublier.

salut de nouveau

bon j'ai enfin trouvé le temps de travailler dessus pour de bon. j'ai un truc qui fonctionne à peu près mais je rencontre des problèmes : du côté javascript, tu veux extraire des données qui ne sont pas dans le HTML. du côté HTML, tu as des valeurs que tu n'extrait pas dans le javascript. Et enfin, dans la fiche à générer, il y a des données qui manquent par rapport à ce qu'on extrait en javascript, par exemple le sexe du personnage, ou l'image du personnage.

ces incohérences me bloquent pas mal parce que je ne sais pas trop ce que tu veux obtenir du coup, pourrais-tu revoir ta fiche par rapport à ton code de génération et me fournir une version finale de cette fiche stp ?

D'accord, je vais voir ça. Merci. Je t'envoie ça par mp.

coucou

j'ai fini pour l'instant. il ne me manque qu'un détail, à savoir le type de texte que tu veux avoir en face de "avatar". Un lien ? un texte complet ? ça apparaît à un endroit inhabituel dans la fiche ^^

voici le lien pour tester -> http://www.newekoi.fr/generateur/generateur.html

je ne peux pas tester si la fiche générée fonctionne correctement, je dois avoir un truc bizarre dans les réglages de mon forum, je te laisse donc le soin de me dire si ça fonctionne ou non. n'hésite pas à faire des captures d'écran si ça merde ^^

j'ai aussi un poil modifié ton css. rien de méchant, j'ai juste enlevé les accents des class. je suis pas certain que les hébergeurs aiment les caractères spéciaux.

Je précise que ça ne fonctionne pas sous IE, pour quelque obscure raison, mais j'ai pas de sous sur les autres navigateurs. Encore une problème à mettre dans la looongue liste d'IE...
CSS :

Code:

/*fiche présentation*/

.points {
border-bottom-style: dotted;
border-bottom-width: medium;
border-bottom-color: #603F25;
}

.fichepresentation {
background-color:#EDD59C;
padding:10px;
border-right: #C1925A 20px solid;
border-left: #C1925A 20px solid;
border-bottom: #C1925A 20px solid;
border-top: #C1925A 20px solid;
}

.prez {
background: #f0ede0;
text-align: justify;
width: auto;
padding: 7px;
height: auto;
}

.caractere {
background-color:#EDD59C;
width: 430px;
height: 150px;
border:2px solid #975545;
-moz-border-radius:8px;
padding-top : 10px;
color:#969696;
overflow:auto;
font-size: 9px;
text-align: justify;
}

.titrecaractere {
margin-bottom:-10px;
font-size: 24pt;
font-family: Times new roman;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: -3px;
font-weight: bold;
color: #975545;
}

.fond{
background-color: #975545;
text-align: center;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
}

.fond2{
background:url(http://i23.servimg.com/u/f23/11/53/64/40/vruj2x10.jpg);
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
 -moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
 line-height: 15px;
padding-right: 5px;
color: #C1925A;
}

.blend {
margin: auto;
text-align: center;
}

.blendtexte {
margin-top:-25px;
color: #850507;
}

Merci ça marche parfaitement. Enfaite pour avatar, c'est la même chose que Célébrité Choisie.

dacodac

voilà le code final

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
   <head>
        <title>Formulaire de présentation</title>
        <meta http-equiv="Content-Type" content="text/html; charset=Latin9" />
    
      
        <style>
        <!--
         body {
            margin: 0;
            padding: 0;
            background: #0C0506;
            color: #C1925A;
         }
         
         form, #generator_result {
            width: 600px;
            margin: 30px auto;
            padding: 20px;
            border: 1px solid #C1925A;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
         }
         
         label {
            vertical-align: top;
         }
         
         #generator_result {
            text-align: center;
            display: none;
         }
         
         table{
            border-collapse:collapse;
            width:100%;
         }
         
         td{
            padding:3px 0;
            width:50%;
         }
       
        -->
        </style>

   </head>
 
   <body>
   
      <script type="text/javascript">
      
         function generator(){
            var prenom = document.getElementById('prenom').value;//OK
            var prenom2 = document.getElementById('prenom2').value;//OK
            var nom = document.getElementById('nom').value;//OK
            var age = document.getElementById('age').value;//OK
            var date = document.getElementById('date').value;//OK
            var lieu = document.getElementById('lieu').value;//OK
            var statut = document.getElementById('statut').value;//OK
            var orientation = document.getElementById('orientation').value;//OK
            var celebrite = document.getElementById('celebrite').value;//OK
            var metier = document.getElementById('metier').value;//OK
            var image_perso = document.getElementById('image_perso').value;//OK
            if(image_perso==""){
               image_perso="http://i23.servimg.com/u/f23/11/53/64/40/blend_10.jpg";
            }
            var image_histo = document.getElementById('image_histo').value;//OK
            if(image_histo==""){
               image_histo="http://i63.servimg.com/u/f63/11/53/64/40/coral_11.jpg";
            }
            var citation = document.getElementById('citation').value;
            var groupe = document.getElementById('groupe').value;//OK
            var fort = document.getElementById('fort').value;//OK
            var caractere = document.getElementById('caractere').value;//OK
            var histoire = document.getElementById('histoire').value;//OK
            var vraiprenom = document.getElementById('vraiprenom').value;//OK
            var vraiage = document.getElementById('vraiage').value;//OK
            var doublecompte = document.getElementById('doublecompte').value;//OK
            var avisforum = document.getElementById('avisforum').value;
            var presence = document.getElementById('presence').value;//OK
            var fin = document.getElementById('fin').value;//OK
            var predefini = document.getElementsByName('choix');//OK
            var predef;//OK
            if(predefini[0].checked){
               predef = 'Prédéfini';
            } else if(predefini[1].checked){
               predef = 'Scénario';
            } else {
               predef = 'Inventé';
            }
            var trouver = document.getElementById('trouver').value;//OK
            
            var generator = document.getElementById('generator_result');
            var code_final = document.getElementById('the_code');
            
            //alert(sexe.length);
            
            var code = ''
            code+='[table width=500px align=center][tr][td]<div class="fichepresentation">\n';
            code+='<div class="blend"><img src="' + image_perso + '" alt="image_perso" border="0">\n\n';
            code+='<div class="blendtexte"><font style="font-size: 40pt; font-family: Times new roman; Runaway;text-shadow: 1px 1px 1px rgb(0, 0, 0); letter-spacing: -3px;">'+ prenom + ' ' + prenom2 + ' ' + nom + '</font></font></span><ul><font style="font-size: 5pt; letter-spacing: 5px;"><font face="Tahoma"><strong>FEAT. ' + celebrite + '</strong></font></font></div></div>\n\n';
            code+='<div class="infoperso"> [justify]\n';
            code+='[b]NOM ET PRÉNOM[/b] ' + nom + ' ' + prenom + ' [b]DATE DE NAISSANCE[/b] ' + date + ' [b]LIEU DE NAISSANCE[/b] ' + lieu + ' [b]ÂGE[/b] ' + age + ' [b]STATUT[/b] ' + statut + ' [b]EMPLOI[/b] ' + metier + ' [b]ORIENTATION SEXUELLE[/b] ' + orientation + ' [b]GROUPE[/b]  ' + groupe + '\n';
            code+='[/justify]</div>\n\n';
            code+='<div class="points"></div>\n\n';
            code+='<blockquote><div class="titrecaractere">“ CARATERE</div><div class="caractere">\n';
            code+='<blockquote>\n';
            code+=caractere + '</blockquote></div>\n\n';
            code+='<div class="titrecaractere">“ POINT FORT/ POINT FAIBLE</div><div class="caractere">\n';
            code+='<blockquote>' + fort + '</blockquote></div></blockquote>\n\n';
            code+='</div> [/td][/tr][/table]\n\n';
            code+='[table width=500px align=center][tr][td]<div class="fichepresentation">\n';
            code+='[center][img]' + image_histo + '[/img]\n';
            code+='<div class="title">«MY STORY, MY LIFE»\n';
            code+='</div>\n';
            code+='[size=8][font=Times New Roman][b]<font style="letter-spacing: 3px; text-transform: uppercase; margin-top: -5px;">' + citation + '[/b]</font>[/font][/size][/center]\n\n';
            code+='<blockquote>[justify]' + histoire + '[/justify]</blockquote>\n';
            code+='</div> [/td][/tr][/table]\n\n';
            code+='[table width=500px align=center][tr][td]<div class="fichepresentation">\n\n';
            code+='[size=24][center][i]\n';
            code+='[font=Courier New][b]TOI DERRIÈRE L\'ECRAN[/b][/font][/size]\n';
            code+='[size=14]¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/size] [/i] [/center]\n';
            code+='[list][justify]\n';
            code+='[size=11][font=Georgia][*][b]Pseudo/Prénom : [/b]' + vraiprenom + '\n';
            code+='[*][b]Age : [/b]' + vraiage + '\n';
            code+='[*][b]Comment avez-vous découvert le forum ? [/b]' + trouver + '\n';
            code+='[*][b]Fréquence de connexion : [/b]' + presence + '\n';
            code+='[*][b]Prédéfini, Scénario ou Inventé : [/b]' + predef + '\n';
            code+='[*][b]Double Compte ? [/b]' + doublecompte + '\n';
            code+='[*][b]Avatar : [/b]' + celebrite + '\n';
            code+='[*][b]Ton avis sur le forum en général : [/b]' + avisforum + '\n';
            code+='[*][b]Mot de la fin : [/b]' + fin + '[/font][/size]\n';
            code+='[/justify][/list]\n';
            code+='</div> [/td][/tr][/table]\n';
            
            //code = 'test'

            generator.style.display = 'block';
            //alert(code);
            code_final.innerHTML = code;
            
            
            
         }

      </script> 
 
 
      <form action="#" method="get" name="code_generator" id="code_generator">
         <table>
            <tr><td colspan="2"><center><h1>Votre Personnage</h1></center></td></tr>
            <tr><td><label for="image_perso">Image du personnage<br /> (< 500px de largeur)</label></td><td><input type="text" name="image_perso" id="image_perso" /></td></tr>
            <tr><td><label for="image_histo">Image pour l'histoire<br /> (< 500px de largeur)</label></td><td><input type="text" name="image_histo" id="image_histo" /></td></tr>
            <tr><td><label for="prenom">Prénom</label></td><td><input type="text" name="prenom" id="prenom" /></td></tr>
            <tr><td><label for="prenom2">Prénom 2</label></td><td><input type="text" name="prenom2" id="prenom2" /></td></tr>
            <tr><td><label for="nom">Nom</label></td><td><input type="text" name="nom" id="nom" /></td></tr>
            <tr><td><label for="age">Âge</label></td><td><input type="text" name="age" id="age" /> ans</td></tr>
            <tr><td><label for="date">Date de naissance</label></td><td><input type="text" name="date" id="date" /></td></tr>
            <tr><td><label for="lieu">Lieu de naissance</label></td><td><input type="text" name="lieu" id="lieu" /></td></tr>
            <tr><td><label for="statut">Situation amoureuse</label></td><td><input type="text" name="statut" id="statut" /></td></tr>
            <tr><td><label for="orientation">Orientation Sexuelle</label></td><td><select name="orientation" id="orientation"><option selected>ORIENTATION</option><option value="heterosexuelle">Hétérosexuelle</option><option value="Bisexuelle">Bisexuelle</option><option value="homosexuelle">Homosexuelle</option></select></td></tr>
            <tr><td><label for="metier">Métier</label></td><td><input type="text" name="metier" id="metier" /></td></tr>
            <tr><td><label for="groupe">Groupe</label></td><td><select id="groupe" name="groupe"><option selected>GROUPE</option><option>Runaway</option><option>The trackers</option><option>The center staff</option><option>The insiders</option><option>The citizen</option></select></td></tr>
            <tr><td><label for="caractère">Caractère</label></td><td><textarea cols="40" rows="10" id="caractere" name="caractère">Ici vous devez nous parler du caractère de votre personnage en environ 10 lignes. N'hésitez pas à nous parler des qualités mais aussi des défauts de votre personnage. Vous pouvez également parler de ses tics, ses manies, ses gouts.</textarea></td></tr>
            <tr><td><label for="fort">Points forts/Points faibles</label></td><td><textarea cols="40" rows="10" id="fort" name="physique">Vous devez écrire ici en un minimum de 10 lignes le point fort et le point faible de votre personnage. Pour les prédéfinis, votre point fort ainsi que votre point faible se trouvent dans votre pv mais merci de le développer et pour les autres, il faut vous en trouver un.</textarea></td></tr>
            <tr><td><label for="citation">Petite citation</label></td><td><input type="texte" name="citation" id="citation" /></td></tr>
            <tr><td colspan="2"><center><h1>My story, my life!</h1></center></td></tr>
            <tr><td><label for="histoire">Histoire</label></td><td><textarea cols="40" rows="10" id="histoire" name="histoire">Ici vous devez raconter votre histoire en un minimum de 40 lignes. </textarea></td></tr>


         <!--  Informations personnelles    -->
         
            <tr><td colspan="2"><center><h1>Toi derrière l'écran!</h1></center></td></tr>
            <tr><td><label for="vraiprenom">Pseudo/Prénom</label></td><td><input type="text" name="vraiprenom" id="vraiprenom" /></td></tr>
            <tr><td><label for="vraiage">Âge</label></td><td><input type="text" name="vraiage" id="vraiage" /> ans</td></tr>
            <tr><td><label for="doublecompte">Double Compte?</label></td><td><input type="text" name="doublecompte" id="doublecompte" /></td></tr>
            <tr><td><label for="celebrite">Célébrité Choisie</label></td><td><input type="text" name="celebrite" id="celebrite" /></td></tr>
            <tr><td><label for="Predefini">Prédéfini, scénario ou inventé ?</label></td><td><input type="radio" name="choix" value="predefini">PV<input type="radio" name="choix" value="scenario">Scénario<input type="radio" name="choix" value="invente">Inventé </td></tr>
            <tr><td><label for="trouver">Comment as-tu connu le forum?</label></td><td><input type="text" name="trouver" id="trouver" /></td></tr>
            <tr><td><label for="avisforum">Ton avis sur le forum en général</label></td><td><input type="text" name="avisforum" id="avisforum" /></td></tr>
            <tr><td><label for="présence">Présence sur le forum</label></td><td><input type="text" name="présence" id="presence" /></td></tr>
            <tr><td><label for="fin">Mot de la Fin</label></td><td><input type="text" name="fin" id="fin" /></td></tr>
         </table>
         
         <br />
         <center><input type="button" onclick="javascript:generator();" value="Générer le code"></center>

      
      </form>
      <div id="generator_result">
           <p>Copiez/collez votre fiche :</p>
           <textarea id="the_code" cols="60" rows="15" readonly="readonly"></textarea>
      </div>
   
      
  </body>
</html>

Vous pouvez archiver. Merci