Installer un formulaire sur son forum
4 participants
Page 1 sur 1 • Partagez
Installer un formulaire sur son forum
Détails techniques
Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 30/01/2023
Lien du forum : https://megacine.forumactif.com/
Description du problème
Bonjour, désolé de vous déranger avec ceci, mais ce script venant de ce (2016)https://forum.forumactif.com/t375761-creer-un-formulaire-pour-les-presentations-des-membres#3171779
Est-il toujours d'actualité svp et je ne crois pas à voir vu ou il installait son script précisément merci.
Re: Installer un formulaire sur son forum
Bonjour @Yan55,
Avez-vous vu l'astuce Générateur de formulaire ? Il permet de mettre en place un formulaire sur son forum en vous guidant pas à pas.
Bonne journée sur Forumactif.
Bipo.
Avez-vous vu l'astuce Générateur de formulaire ? Il permet de mettre en place un formulaire sur son forum en vous guidant pas à pas.
Bonne journée sur Forumactif.
Bipo.
Bipo- Rédactif
- Messages : 3888
Inscrit(e) le : 23/09/2010
Re: Installer un formulaire sur son forum
Bonjour
celui-ci ne m'intéresse pas justement d'où ma question merciBipo a écrit:
Re: Installer un formulaire sur son forum
Bonjour Yann,
Oui, ce formulaire a l'air d'actualité. Pour ce qui est de où placer les scripts :
Vous mettez ceci dans une page HTML (à lire : Gestion des pages HTML).
Les autres codes sont des morceaux expliqués du code global.
Oui, ce formulaire a l'air d'actualité. Pour ce qui est de où placer les scripts :
RiderFx3 a écrit:Voici le code entier que j'ai utilisé
- Code:
<style>
form {
/* Pour le centrer dans la page */
margin: 0 auto;
width: 455px;
/* Pour voir les limites du formulaire */
padding: 1em;
border: 1px solid #CCC;
border-radius: 1em;
}
form div + div {
margin-top: 1em;
}
label {
/* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
display: inline-block;
width: 450px; /*largeur*/
height: 20px; /*hauteur*/
text-align: left; /* alignement*/
font-family: Arial; /* police */
color: #4f4f4f; /* couleur de la police */
font-size: 12pt; /* taille de la police */
}
input, textarea {
/* Afin de s'assurer que toutes les cellules utilisent la même police
Par défaut, textarea utilise une police à espacement constant */
font: 1em arial;
font-size: 12pt;
/* Pour donner la même dimension à tous les champs textuels */
width: 450px; /* règle la largeur des cases */
height: 30px; /* règle la hauteur des cases */
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Pour harmoniser l'apparence des bordures des champs textuels */
border: 1px solid #999;
}
input:focus, textarea:focus {
/* Afin de rehausser les éléments actifs */
border-color: #000;
}
textarea {
/* Pour aligner correctement les champs multilignes et leurs étiquettes */
vertical-align: top;
/* Pour donner assez d'espace pour entrer du texte */
height: 150px;
}
</style>
<center><FONT face="Arial" color="#ff0000" size="6">Générateur de présentation</FONT></center><br> <!-- Titre du formulaire -->
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "Bonjour à tous, je me présente : \n\n[color=#FF0000][b]Nom :[/color][/b] " + form.nom.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Lieu de résidence :[/color][/b] " + form.lieu.value + '\n\n'
+ "[color=#FF0000][b]Comment j'ai connu BoomDirect :[/color][/b] " + form.boom.value + '\n\n'
+ "[color=#FF0000][b]Comment j'ai connu le forum :[/color][/b] " + form.forum.value + '\n\n'
+ "[color=#FF0000][b]Message personnel :[/color][/b] " + form.perso.value + '\n'
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<!-- Données cachées -->
<form action="http://boomdirect-avis.forumactif.org/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="3" /> <!-- ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->
<!-- Cases à remplir du formulaire -->
<label for="nom">Prénom : </label>
<input type="text" id="nom" value="" required="required" /></td>
<br><br><label for="age">Âge : </label>
<input type="text" id="age" value="" required="required" /></td>
<br><br><label for="lieu">Lieu de résidence : </label>
<input type="text" id="lieu" value="" required="required" /></td>
<br><br><label for="boom">Comment avez-vous connu BoomDirect ?<br />
(Interdit de citer un autre MLM)</label>
<br><br /><br /><input type="text" id="boom" value="" required="required" /></td>
<br><br><label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" required="required" /></td>
<br><br><label for="perso">Message perso, stratégie, objectifs, hobbies :</label>
<textarea id="perso" required="required"></textarea>
<br><br><input type="submit" name="post" value="Poster votre présentation" />
</form>
Vous mettez ceci dans une page HTML (à lire : Gestion des pages HTML).
Les autres codes sont des morceaux expliqués du code global.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Installer un formulaire sur son forum
Bonjour super, je vais tester, tu n'as pas une image du rendu stp merci ,
Dernière édition par Yan55 le Mar 31 Jan 2023 - 16:56, édité 2 fois
Re: Installer un formulaire sur son forum
Non, je n'ai pas d'image du rendu, ce n'est pas moi qui ai créé le formulaire. Mais vous pouvez installer le code et voir ce que ça donne par vous-même. S'il ne vous plaît pas, rien ne vous empêche de le modifier, voire de supprimer complètement la page.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Installer un formulaire sur son forum
c'est pas mal saurais-tu me mettre un peu de couleurs et supprimer le fond le (stylé) stp si tu veux bien ? merci
je rectifie en faite j'en n'ai pris un autre, mais je ne sais pas quoi faire comment ou le mettre ?? et comment les membres peuvent le remplir pour être accepté, je m'en sors si quelqu'un peut m'aider svp merci
je rectifie en faite j'en n'ai pris un autre, mais je ne sais pas quoi faire comment ou le mettre ?? et comment les membres peuvent le remplir pour être accepté, je m'en sors si quelqu'un peut m'aider svp merci
- Code:
<style type="text/css">
.form {
background-color:#222222;
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="" />
<br />
<p><FONT color="#00FFD1">Infos perso de</FONT> <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" style="border:none"/></p>
<br />
<table class="perso"><tr><td><label for="champ1">Votre Pseudo :</label></td>
<td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>
<table class="perso"><tr><td><label for="champ1">Votre Prenom :</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 Region : </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 Metier : </label></td>
<td><input type="text" name="champ5" id="champ5" size="30" /></td></tr></table>
<br />
<p><FONT color="#00FFD1">Infos Warez / Web / Connexion </FONT></p>
<br />
<table class="perso"><tr><td><label for="champ6">Vos competences en Graph' : </label></td>
<td><input type="text" name="champ6" id="champ6" size="30" /></td></tr>
<tr><td><label for="champ7">Vos competences 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">Debit : </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>
<br />
<p><FONT color="#00FFD1">Infos / Contribution forum </FONT></p>
<br />
<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>
<br />
<p><input type="submit" name="post" value="Poster le formulaire" /></p>
</form>
Re: Installer un formulaire sur son forum
Bonjour,
Pareil, il faut mettre cela dans une page HTML. Ensuite, donnez-moi le lien de votre page HTML pour que je vous guide pour les modifications.
Pareil, il faut mettre cela dans une page HTML. Ensuite, donnez-moi le lien de votre page HTML pour que je vous guide pour les modifications.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Installer un formulaire sur son forum
Bonjour,
Le forum n'étant plus en ligne, ce sujet n'a plus de raison d’exister.
Cordialement.
Le forum n'étant plus en ligne, ce sujet n'a plus de raison d’exister.
Cordialement.
Sujets similaires
» Installer un wix sur un forum
» Impossible d'installer un certificat SSL sur mon forum
» Installer une "en-tête" sur un sous-forum
» Comment installer Paypal sur mon forum
» Comment installer un slide in sur son forum
» Impossible d'installer un certificat SSL sur mon forum
» Installer une "en-tête" sur un sous-forum
» Comment installer Paypal sur mon forum
» Comment installer un slide in sur son forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum