L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 Mise en page d'un formulaire de présentation [Lixyr]

Lolotie
Messages : 77
Le lien du forum où le code sera installé : http://www.foret-interdite.com/forum
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t14785-la-foret-interdite#139156
Support de mise en page : - Fiche de présentation ou relations
Résultat en : HTML -
Type de mise en page : Personnalisée

----------------------------------------------------
Plan : Alors je voudrais mettre le rendu à copier de mon code de présentation dans une page vierge parcheminé :
Description plus détaillée :
En fait je voudrais juste que vous m'aidiez à finir un formulaire de présentation Smile
J'ai déjà fait un code avec votre tuto ici très utile ^^ sauf que j'ai pas compris comment mettre en place la pagination ^^'
Code:
<html>
    <head>
       <title>Presentation RP - Formulaire</title>
          
    <style type="text/css">
      
   /* Le css sera ici */
      
   </style>
    
   <script type="text/javascript">
    <!--
    
   function verif(LeForm){
    
      var pseudo = LeForm.pseudo.value;
       var infos = LeForm.infos.value;
       var genre = LeForm.genre.value;
       var age = LeForm.age.value;
       var rang = LeForm.rang.value
    
      var ok = true;
    
      if (pseudo == ""){
          ok = false;
            alert("Veuillez entrer un pseudo");  
      }  
     
      if (infos == ""){
          ok = false;
            alert("Veuillez nous donner plus d'infos");  
      }  
     
      if (ok){

 var contenu = "<div class=\"presentation\"><h1 class=\"titre\"> <font color=cyan>Presentation de "+pseudo+" </font></h1><p><span class=\"mea\"><b>-</b> Genre : </span> "+genre+"</p><p><span class=\"mea\"><b>-</b> Age : </span> "+age+" ans</p><p><span class=\"mea\"><b>-</b> Rang Familial: </span> "+rang+"</p><p><span class=\"mea\">Histoire et caractere : </span>"+infos+"</p>";
          document.getElementById("code_genere").innerHTML = ""+contenu+"";
          document.getElementById("apercu").innerHTML = ""+contenu+"";  
      }
   }
    -->
    </script>
    </head>
    <body>
<center>
    
   <div id="formulaire">
    
      <h1>Generer une presentation <br>
<font color=red size=4px>Foret-Interdite.com</font></h1>
    
      <h2>Veuillez remplir le formulaire suivant :</h2>
      
      <form action="#" method="post" id="rempli">
          <label>Nom et Prenom</label> : <input type="text" name="pseudo" size="30" maxlength="200"/>
    
         <label>Sexe</label> :
          <select name="genre">
             <option value="fille">une fille</option>
             <option value="garçon">un garçon</option>
          </select>
      <br> <br />

       <form action="#" method="post" id="rempli">
          <label>Age</label> : <input type="text" name="age" size="30" maxlength="3"/> ans
    
<br><br />

      <label>Rang Familial</label> :
          <select name="rang">
             <option value="Famille Moldue">Famille Moldue</option>
             <option value="Sang Pur">Sang Pur</option>
             <option value="Sang Mele">Sang Mele</option>
             <option value="Cracmo">Cracmol</option>
             <option value="Sang Mixe de créature">Sang Mixe de creature</option>
            
         </select>
      <br> <br />



          <label><font size=1px color=grey>Histoire et caractere :</font></label><br>
    <textarea cols="60" rows="10" name="infos"></textarea>
          <br> <br />
    <input type="button" onClick="verif(this.form)" value="Generer le code" />
       </form>
      
      <h2>Apercu du rendu :</h2>
<br>
          
       <div id="apercu"> </div>
       <form>
          <label><strong><font size=2px color=orange>Voici le code à copier/coller</font></strong></label>
<br>
 <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').select();">
<br>
    
         <textarea cols="60" rows="10" id="code_genere" readonly></textarea>
       </form>
    
         
    </div>
</center>

    </body>
    </html>
Je voudrais aussi que le Nom et Prénom dans le rendu final soit plus gros verts, et centré et un peu ombré ^^
Les couleurs :  Textes noir. (#000000) ou vert foncé (#124c38)
Texte : j'ai déjà tout dans mon code Smile
Image(s) : http://nsa33.casimages.com/img/2013/10/03/131003111644749848.png
La largeur de votre forum : 780
D'autres commentaires : Non :)merci à vous !
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonjour.

Je vais regarder ça. Il n'y a rien à ajouter, donc ? Vous souhaitez seulement qu'on réalise cette partie :
Citation :
Je voudrais aussi que le Nom et Prénom dans le rendu final soit plus gros verts, et centré et un peu ombré ^^
Textes noir. (#000000) ou vert foncé (#124c38)
C'est uniquement ça la pagination ?

J'ai utilisé et décortiqué ce code il y a quelques temps, il me faudra donc y retourner un coup pour m'en rappeler, mais ensuite, ça sera beaucoup plus facile pour tout vous expliquer, de sorte que vous puissiez le faire vous-même.
Lolotie
Messages : 77
C'est bien ça mais je veux aussi (et surtout) que tout soit dans la page parcheminée (http://nsa33.casimages.com/img/2013/10/03/131003111644749848.png) (comme un courrier quoi Smile)
Merci encore Smile
Lolotie
Messages : 77
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bonjour Lolotie.

Alors, d'une part :
- j'ai fermé la div du rendu, ça avait été oublié.
- j'ai mis des "strong" à la place des "b", mais je pense que ça ne changera pas grand chose.

D'une autre part :
- vous avez un CSS avec.

Citation :
<div class=\"presentation\">
<h1 class=\"titre\">
<span class=\"mea\">
Il me faudrait le CSS des classes "presentation", "titre", et "mea", pour que je puisse avoir le même rendu que vous. De plus, le parchemin irait en fond dans la classe "presentation", il faudrait que je vois ce que ça donne.

- pour le nom et prénom dans le rendu final, vous parlez bien de cette partie ?
Citation :
Presentation de plop
C'est déjà centré. Je mets le texte en noir et ombré en vert, ou l'inverse, ou en vert ombré vert ?
Lolotie
Messages : 77
Merci Smile

Alors concernant le CSS je n'ai rien pour tout ça ^^' je sais pas ce qu'il faut faire.
J'avais compris que insérer du language CSS dans ce code (que j'ai essayé et posté) suffisait.
Je dois en créer un ? :S

Pour le texte je le souhaiterais vert, et ombré noir plutôt.

LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Je vois.
Oui, il faut en créer un. Cela dit, je vais te le faire, ça ira plus vite. Je voulais juste être sûre que ces classes n'existaient pas déjà dans ton panneau.

Pour l'explication :
Le CSS contenu dans le code HTML correspond au formulaire en tant que tel.
Le rendu final HTML que les membres copie-colle possède également un CSS (comme tu as fait) mais ce CSS ne doit pas se trouver dans la page HTML, qui est elle, conteneur du formulaire, et donc du javascript. Le code HTML une fois copié, n'a plus rien à voir avec la page HTML, il est posté sur le forum, donc le CSS qui y correspond doit être installé directement dans le panneau.

Est-ce que ton formulaire doit avoir une mise en forme spécifique ou tu laisses ça comme c'est ?


*edit*
Je dis n'importe quoi :3
Le formulaire doit comporter lui aussi le css du code généré, auquel cas il n'est pas pris en compte lors de la prévisualisation. Enfin ce n'est pas grave, au moins tu le sais maintenant, le css se trouvera à deux endroits.

Voici ce que j'obtiens :


Quelques remarques :
• j'ai donc apporté les modifications demandées
• mais j'ai également supprimé toutes les balises de mise en forme (font size notamment) etc que j'ai pu pour les mettre directement dans le CSS ; j'ai donc rajouté des classes à la place.
• j'ai rajouté des guillemets aux contenus des attributs qui ont été oubliées (size:4 par exemple)
• je me suis permise une petite modification au niveau de l'histoire du personnage : étant donné que le parchemin est grand, j'imagine que ce contenu va être le plus long, j'ai donc :
- d'une part mis le contenu en dessous du titre "Histoire et caractere : "
- j'ai rajouté un block afin que si le contenu est trop grand, il rajoute un scroll à défaut de dépasser du parchemin. Ça sera beaucoup plus esthétique je pense.

Tu peux tester toi-même pour voir ce dont je parle en mettant ce texte dans la zone de texte de ton histoire :
Code:


Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.

Et eodem impetu Domitianum praecipitem per scalas itidem funibus constrinxerunt, eosque coniunctos per ampla spatia civitatis acri raptavere discursu. iamque artuum et membrorum divulsa conpage superscandentes corpora mortuorum ad ultimam truncata deformitatem velut exsaturati mox abiecerunt in flumen.

Hacque adfabilitate confisus cum eadem postridie feceris, ut incognitus haerebis et repentinus, hortatore illo hesterno clientes numerando, qui sis vel unde venias diutius ambigente agnitus vero tandem et adscitus in amicitiam si te salutandi adsiduitati dederis triennio indiscretus et per tot dierum defueris tempus, reverteris ad paria perferenda, nec ubi esses interrogatus et quo tandem miser discesseris, aetatem omnem frustra in stipite conteres summittendo.

Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante virtute praedito, eo qui vel amare vel, ut ita dicam, redamare possit, non admodum delectari? Nihil est enim remuneratione benevolentiae, nihil vicissitudine studiorum officiorumque iucundius.

Sed quid est quod in hac causa maxime homines admirentur et reprehendant meum consilium, cum ego idem antea multa decreverim, que magis ad hominis dignitatem quam ad rei publicae necessitatem pertinerent? Supplicationem quindecim dierum decrevi sententia mea. Rei publicae satis erat tot dierum quot C. Mario ; dis immortalibus non erat exigua eadem gratulatio quae ex maximis bellis. Ergo ille cumulus dierum hominis est dignitati tributus.

Verum ad istam omnem orationem brevis est defensio. Nam quoad aetas M. Caeli dare potuit isti suspicioni locum, fuit primum ipsius pudore, deinde etiam patris diligentia disciplinaque munita. Qui ut huic virilem togam deditšnihil dicam hoc loco de me; tantum sit, quantum vos existimatis; hoc dicam, hunc a patre continuo ad me esse deductum; nemo hunc M. Caelium in illo aetatis flore vidit nisi aut cum patre aut mecum aut in M. Crassi castissima domo, cum artibus honestissimis erudiretur.

Verum ad istam omnem orationem brevis est defensio. Nam quoad aetas M. Caeli dare potuit isti suspicioni locum, fuit primum ipsius pudore, deinde etiam patris diligentia disciplinaque munita. Qui ut huic virilem togam deditšnihil dicam hoc loco de me; tantum sit, quantum vos existimatis; hoc dicam, hunc a patre continuo ad me esse deductum; nemo hunc M. Caelium in illo aetatis flore vidit nisi aut cum patre aut mecum aut in M. Crassi castissima domo, cum artibus honestissimis erudiretur.

Ex turba vero imae sortis et paupertinae in tabernis aliqui pernoctant vinariis, non nulli velariis umbraculorum theatralium latent, quae Campanam imitatus lasciviam Catulus in aedilitate sua suspendit omnium primus; aut pugnaciter aleis certant turpi sono fragosis naribus introrsum reducto spiritu concrepantes; aut quod est studiorum omnium maximum ab ortu lucis ad vesperam sole fatiscunt vel pluviis, per minutias aurigarum equorumque praecipua vel delicta scrutantes.

Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.

Hae duae provinciae bello quondam piratico catervis mixtae praedonum a Servilio pro consule missae sub iugum factae sunt vectigales. et hae quidem regiones velut in prominenti terrarum lingua positae ob orbe eoo monte Amano disparantur.

Ut enim benefici liberalesque sumus, non ut exigamus gratiam (neque enim beneficium faeneramur sed natura propensi ad liberalitatem sumus), sic amicitiam non spe mercedis adducti sed quod omnis eius fructus in ipso amore inest, expetendam putamus.

Quod opera consulta cogitabatur astute, ut hoc insidiarum genere Galli periret avunculus, ne eum ut praepotens acueret in fiduciam exitiosa coeptantem. verum navata est opera diligens hocque dilato Eusebius praepositus cubiculi missus est Cabillona aurum secum perferens, quo per turbulentos seditionum concitores occultius distributo et tumor consenuit militum et salus est in tuto locata praefecti. deinde cibo abunde perlato castra die praedicto sunt mota.

Alii nullo quaerente vultus severitate adsimulata patrimonia sua in inmensum extollunt, cultorum ut puta feracium multiplicantes annuos fructus, quae a primo ad ultimum solem se abunde iactitant possidere, ignorantes profecto maiores suos, per quos ita magnitudo Romana porrigitur, non divitiis eluxisse sed per bella saevissima, nec opibus nec victu nec indumentorum vilitate gregariis militibus discrepantes opposita cuncta superasse virtute.

Nisi mihi Phaedrum, inquam, tu mentitum aut Zenonem putas, quorum utrumque audivi, cum mihi nihil sane praeter sedulitatem probarent, omnes mihi Epicuri sententiae satis notae sunt. atque eos, quos nominavi, cum Attico nostro frequenter audivi, cum miraretur ille quidem utrumque, Phaedrum autem etiam amaret, cotidieque inter nos ea, quae audiebamus, conferebamus, neque erat umquam controversia, quid ego intellegerem, sed quid probarem.

Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant.

Cyprum itidem insulam procul a continenti discretam et portuosam inter municipia crebra urbes duae faciunt claram Salamis et Paphus, altera Iovis delubris altera Veneris templo insignis. tanta autem tamque multiplici fertilitate abundat rerum omnium eadem Cyprus ut nullius externi indigens adminiculi indigenis viribus a fundamento ipso carinae ad supremos usque carbasos aedificet onerariam navem omnibusque armamentis instructam mari committat.

Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.

Homines enim eruditos et sobrios ut infaustos et inutiles vitant, eo quoque accedente quod et nomenclatores adsueti haec et talia venditare, mercede accepta lucris quosdam et prandiis inserunt subditicios ignobiles et obscuros.

Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?

Hae duae provinciae bello quondam piratico catervis mixtae praedonum a Servilio pro consule missae sub iugum factae sunt vectigales. et hae quidem regiones velut in prominenti terrarum lingua positae ob orbe eoo monte Amano disparantur.

Voilà.
Dis-moi si ça te convient.
Lolotie
Messages : 77
Oh oui c'est super *o* merci beaucoup Very Happy

Juste encore une petite modification, si possible, sinon c'est pas trop grave, mais j'aimerai que présentation de (nom et prénom) soit dans le haut du parchemin aussi ^^
En tout cas merci beaucoup =)
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Bien.

Alors voici les codes.



Lolotie
Messages : 77
Merci beaucoup ça marche nickel Smile
LixyrAdministratriceavatar
Messages : 12767

Recherches personnelles
Ma recherche de staff: http://www.forumsdeforumactif.com/f3-proposez-vos-services
Mon projet:
Ma commande:
Très bien.
Si tu as un problème, le studio d'aide et tutoriel est là pour ça. ^^
Je clôture le sujet. Bonne continuation à toi.
Contenu sponsorisé

,
 Sujets similaires
-
» S. Demande de mise en page - Site du forum
» [Nocturne] Mise en page
» Mise en Page d'acceuil
» [Basil] Demande de mise en page
» mise en page des posts

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation