Créer un formulaire de présentation

[GTPRO59]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://gtpro-depannage.trodlabal.com

Description du problème

Bonjour la communauté je cherche comment créer un formulaire de présentation afin de pouvoir aider mes membres a me ce présentez de façon correct aprés plussieur recherche je ne trouve rien qui puisse m'aider je vous joint une capture de formulaire rechercher https://2img.net/r/hpimg4/pics/834436Capture.png

je vous remerci d'avance

[GTPRO59]

up merci

[Invité]

Bonsoir GTPRO59, si je peux me permettre, j'ai visionné les formulaires, cela fait très inquisiteur. Je ne suis pas certaine que cela soit le meilleur choix de questionnaires. A mon avis, plus soft et naturel serait mieux.
De même, fait attention à l'orthographe, les fautes font mauvais effet. Bonne chance à toi.

[GTPRO59]

Up merci

[Chacha]

Message par GTPRO59 Aujourd'hui à 16:43
Message par GTPRO59 Aujourd'hui à 17:24

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Up merci

Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite : Le gras et la couleur (réservés au staff de ce forum), L'écriture en SMS (abréviations) Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.

[GTPRO59]

J'aimerais avoir de l'aide pour creer ce formulaire de présentation pour mon forum je vous en remerci d'avance

aspest visuel lors que la présentation et valide voir si dessous

[GTPRO59]

up

[Scoubifitz]

Bonjour,

* Avant tout , il faut autoriser les formulaires sur votre forum , pour éviter l'erreur #230 ...

PA - général - sécurité :
Interdire les formulaires non officiels à poster des messages et messages privés sur le forum : Non

* Ensuite créer une page HTML ...

PA - modules - gestion des pages HTML - création en mode HTML avancé
un titre ...
Voulez-vous utiliser le haut et le bas de page de votre forum ? Oui
Utiliser cette page en tant que page d'accueil ? Non

Collez ce code dans le cadre , et validez :

Code:

<style type="text/css">
.form {
background-color:white;
width:600px;
margin:auto;
text-align:center;
}
.form .perso{
border-spacing: 7px;
}
.form .perso td,
.form p{
border: 1px solid #555;
width: 300px;
  padding:6px;
vertical-align:top;
border-radius: 5px;
box-shadow:3px 3px 3px #555;
}
.form .perso td{
background: rgb(252,120,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,120,5,1) 0%, rgba(255,191,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7805', endColorstr='#ffbf0f',GradientType=0 ); /* IE6-9 */
  color:#fff}
.form .perso td+td{
background: rgb(6,109,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=0 ); /* IE6-9 */
}
.form p{
text-align:center;
margin:5px auto;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "[b][color=#ff0000].: Présentation de " + form.pseudo.value + " :.[/color][/b]\n\n"
+ "[u][b]Infos perso[/b][/u]\n\n"
+ "[b]Mon Prénom : [/b]" + form.champ1.value + "\n"
+ "[b]Mon Age : [/b]" + form.champ2.value + "\n"
+ "[b]Ma région [/b]" + form.champ3.value + "\n"
+ "[b]Mes Passions [/b]" + form.champ4.value + "\n"
+ "[b]Mon Métier : [/b]" + form.champ5.value + "\n\n"
+ "[u][b]Infos Warez / Web / Connexion[/b][/u]\n\n"
+ "[b]Mes compétences en Graph' : [/b]" + form.champ6.value + "\n"
+ "[b]Mes compétences en Prog' : [/b]" + form.champ7.value + "\n"
+ "[b]Mon F.A.I. : [/b]" + form.champ8.value + "\n"
+ "[b]Débit de ma connexion : [/b]" + form.champ9.value + "\n\n"
+ "[u][b]Infos / Contribution forum[/b][/u]\n\n"
+ "[b]Comment j'ai connu la board : [/b]" + form.champ10.value + "\n"
+ "[b]Ce que j'en attends : [/b]" + form.champ11.value + "\n"
+ "[b]Ce que je compte lui apporter [/b]: " + form.champ12.value + "\n";

// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" class="form">
<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 = post-it / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<input type="hidden" name="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />
 
<p>Infos perso de <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" style="border:none"/></p>

  <table class="perso"><tr><td><label for="champ1">Votre Prénom : </label></td>
    <td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>

<tr><td><label for="champ2">Votre Age : </label></td>
    <td><input type="text" name="champ2" id="champ2" size="30" /></td></tr>

<tr><td><label for="champ3">Votre Région : </label></td>
    <td><input type="text" name="champ3" id="champ3" size="30" /></td></tr>

<tr><td><label for="champ4">Vos Passions : </label></td>
    <td><input type="text" name="champ4" id="champ4" size="30" /></td></tr>

<tr><td><label for="champ5">Votre Métier : </label></td>
  <td><input type="text" name="champ5" id="champ5" size="30" /></td></tr></table>

<p>Infos Warez / Web / Connexion</p>

<table class="perso"><tr><td><label for="champ6">Vos compétences en Graph' : </label></td>
    <td><input type="text" name="champ6" id="champ6" size="30" /></td></tr>

<tr><td><label for="champ7">Vos compétences en Prog' : </label></td>
    <td><input type="text" name="champ7" id="champ7" size="30" /></td></tr>

<tr><td><label for="champ8">Fournisseur d'acces internet : </label></td>
    <td><select name="champ8" id="champ8">
<option value="inconnu" selected="selected">Je ne sais pas</option>
<option value="Orange">Orange</option>
<option value="SFR">SFR</option>
<option value="Numericable">Numericable</option>
<option value="FREE">FREE</option>
<option value="Bouygues">Bouygues</option>
<option value="Coriolis">Coriolis</option>
<option value="Alice">Alice</option>
</select></td></tr>

<tr><td><label for="champ9">Débit : </label></td>
    <td><select name="champ9" id="champ9">
<option value="inconnu" selected="selected">Je ne sais pas</option>
<option value="56 Kbps" >56kbps</option>
<option value="8 Mbps">8 Mbps</option>
<option value="8 Mbps">20 Mbps</option>
<option value="8 Mbps">50 Mbps</option>
<option value="8 Mbps">100 Mbps</option>
</select></td></tr></table>

<p>Infos / Contribution forum</p>

<table class="perso"><tr><td><label for="champ10">Comment vous avez connu la board : </label></td>
    <td><textarea id="champ10" name="champ10" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ11">Ce que vous en attendez : </label></td>
    <td><textarea id="champ11" name="champ11" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ12">Ce que vous comptez lui apporter : </label></td>
<td><textarea id="champ12" name="champ12" rows="2" cols="30"></textarea></td></tr></table>

<p><input type="submit" name="post" value="Poster le formulaire" /></p>
</form>

Pour modifier la destination de l'envoi , il faut modifier la valeur du numéro du forum :

<input type="hidden" name="f" value="2" /> <!-- ID du forum dans lequel le message sera posté-->

[GTPRO59]

bonsoir Scoubifitz cela est parfait le seul souci ces que une fois poster voici le visuel



amitié

[Scoubifitz]

Apparemment un bug dans la prévisualisation qui fait sauter les anti slash devant les "n" ( \n est un retour à la ligne en JS ) ...

Retournez à la gestion des pages HTML

Ouvrez la page HTML en cliquant sur la loupe

Testez un nouvel envoi .

Ne testez pas les envois en prévisualisant ...

https://forum.forumactif.com/t386639-un-probleme-dans-mon-code-de-formulaire#3249696

[GTPRO59]

Sur la solution que vous me donner l'aspect visuel et impecable je suis en train de vous mp

[Scoubifitz]

Je ne propose aucune aide par MP ...

Si vous souhaitez un formulaire plus proche du style de votre forum , éditez la page HTML en mode avancé et modifiez ceci :

<style type="text/css">
.form {
background-color:white;
width:600px;
margin:auto;
text-align:center;
}

par :

<style type="text/css">
.form {
background-color:#222222;
width:600px;
margin:auto;
text-align:center;
}

Rappelez vous aussi que ce forum est un forum d'aide , pas un forum de commande ...

[GTPRO59]

je vous remerci infiniment pour cette aide importer sujet résolu merci infiniment Scoubifitz

amitié est encore désolé de vous avoir pris du temps.