modifier le formulaire de contact

2 participants

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

Résolu modifier le formulaire de contact

Message par pierre du 31 Sam 3 Aoû 2013 - 2:09

bonjours, j'ai créer un formulaire de contact, mais je n'arrive pas à le faire envoyer.

J'aimerai que celui-ci envoy un message privé aux administreurs sur le forum.

Voici le code html:
Code:
<style>@charset "utf-8";
/* CSS Document */
#conteneur {
width:600px;
margin:auto;
height:auto;
}

#entete {
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 25px;
color: #40427f;
text-align: center;
/* marges et bordures */
padding:20px;
margin: 0px 0 30px 0;
border:1px solid #777879;
border-radius: 5px;
/* couleur de fond */
background-color: #EAFDFF ;
}

label {
/* positionnement marge et taille */
float: left;
clear: left;
margin: 10px 20px 0 0;
width: 150px;
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #445668;
text-align: right;
}

input {
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #4b4b4b;
/* marge et taille */
width: 270px;
height: 35px;
padding: 5px 10px 0px 10px;
margin: 0 0 20px 0;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

textarea {
/* styles de caractères */
font-size: 14px;
color: #4b4b4b;
font-family:Verdana, Geneva, Sans-serif;
/* marge taille et ombre portée */
width: 270px;
height: 80px;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

fieldset {
background-color:#DFF4FF;
border: 1px solid ;
border-radius: 5px;
}

input[type=submit] {
/* position taille marges */
float: right;
cursor: pointer;
width: 160px;
height: 42px;
padding: 5px 10px;
margin: 0 40px 0 0;
/* coins arrondies */
border: 1px solid #275682;
border-radius: 21px;
/* fond */
background-color: #0080FF;
/* styles de texte */
color:#effaff;
font-weight:bold;
}

legend {
font:Verdana, Geneva, sans-serif;
font-size:18px;
color:#445668;
background-color:#E6F2FF;
border:1px solid;
border-color:#000000;
padding:5px 10px 5px 10px;
border-radius: 5px;
}</style>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" href="stylerules/monstyle.css"/>
</head>

<body>

<div id = "conteneur">
    <div id="entete">Formulaire de contact</div>
<form action="soumission.php" method="post">
<fieldset>

<legend>Les champs de ce formulaire</legend> <!--notre titre de groupe de champs-->

<label for="sujet">Sujet :</label>
<input type="text" id="sujet" name="sujet" placeholder="Saisissez votre sujet" />
<label for="name">Pseudo :</label>
<input type="text" id="name" name="name" placeholder="Saisissez votre Pseudo" />
<label for="email">Email :</label>
<input type="email" id="email" name="email"placeholder="Saisissez votre email" />
<label for="message">Message:</label>
<textarea name="message" cols="" rows="" id="message" placeholder="Ecrivez ici votre message"></textarea>
<input type="submit" value="Envoyer" />
</fieldset>
</form>


</div>

</body>


</html>
et est-il possible d'ajouter un captcha après le message.

Merci


Dernière édition par pierre du 31 le Mer 14 Aoû 2013 - 13:29, édité 1 fois
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Dim 4 Aoû 2013 - 21:06

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Lun 5 Aoû 2013 - 10:42

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Invité Lun 5 Aoû 2013 - 10:46

Bonjour,

Dans : Pa >> Général >> Messages et Emails (menu de gauche) >>  Emails et formulaire de contact >> Et vous êtes arriver sur votre formulaire de contact.

Je vous souhaite une agréable journée,
Etax.

PS: je vous envois sur un formulaire déjà intégré a votre forum.
Anonymous

Invité
Invité


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

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Lun 5 Aoû 2013 - 11:25

Bonjours, tout d'abord merci, mais moi ce serait plus un formulaire de contact auxilière a celui de forumactif.

Je ne sais pas comment faire pour dire au formulaire d'envoyer un message privé.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Mar 6 Aoû 2013 - 14:42

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Invité Mar 6 Aoû 2013 - 14:46

Re,

Votre forumulaire est héberger sur un page HTML sur votre forum ?
Si oui, le php n'est pas accepté dans les pages HTML, c'est pour cette raison que votre formulaire de contacte ne fonctionne pas.

Faire une recherche sur Google sur un formulaire de contacte en HTML, ceci doit existé.

Je vous souhaite une agréable journée.
Etax.

EDIT : Vous avez ceci : Un générateur de formulaire de contact
Anonymous

Invité
Invité


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

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Mar 6 Aoû 2013 - 20:46

Merci mais ce n'es jamais ce que je veux.

Le formulaire doit être envoyer uniquement aux administrateur, hors je ne sais pas comment faire ceci.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Mer 7 Aoû 2013 - 20:56

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Jeu 8 Aoû 2013 - 19:51

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Ven 9 Aoû 2013 - 18:11

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Sam 10 Aoû 2013 - 13:42

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Dim 11 Aoû 2013 - 20:10

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par pierre du 31 Lun 12 Aoû 2013 - 21:16

up
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mar 13 Aoû 2013 - 13:53

pierre du 31 a écrit:Merci mais ce n'es jamais ce que je veux.

Le formulaire doit être envoyer uniquement aux administrateur, hors je ne sais pas comment faire ceci.
bonjour,

Ceci correspond plus à vos besoins ?

https://forum.forumactif.com/t233727-creer-un-forum-ou-les-membres-postent-mais-seuls-les-admins-lisent#2144697
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: modifier le formulaire de contact

Message par pierre du 31 Mar 13 Aoû 2013 - 19:22

Oui ce serait un peu ça mais juste un formulaire pour écrire à l'administration en fait Smile
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mar 13 Aoû 2013 - 20:01

En fait , tout dépend de qui écrira à l'administration ...

si c'est plutôt destiné aux invités , comme ils ne peuvent pas envoyer de MP , que ce soit directement ou par formulaire , ce sera la meilleure solution ...

Faire un formulaire qui enverra un message vers la partie admin du forum .

Si c'est uniquement pour les membres , le formulaire pourrait être envoyé par MP à une liste de membres admins .

Ou encore , si c'est juste pour rajouter la demande d'email dans le formulaire de contact pour pouvoir répondre à ceux qui ont utilisés le formulaire , un simple rajout de texte suffirait .

du genre :

modifier le formulaire de contact 994518contac

code CSS :
Code:
.report label[for=message]:after{
content:"Merci de rajouter votre adresse e-mail dans le message ci-contre pour espérer une réponse à votre demande .";
display:block;
width:250px;
color:red;
border:1px solid red;
padding:5px;
text-align:justify;
}
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: modifier le formulaire de contact

Message par pierre du 31 Mar 13 Aoû 2013 - 20:26

Merci, je vais garder comme ça.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mar 13 Aoû 2013 - 20:39

Votre problème est déjà résolu résolu  ?
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: modifier le formulaire de contact

Message par pierre du 31 Mar 13 Aoû 2013 - 21:18

Presque, j'aimerai un formulaire a part du formulaire de contact forumactif

Uniquement pour les administrateurs.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mar 13 Aoû 2013 - 21:45

Ce serait donc la première option :
Faire un formulaire qui enverra un message vers la partie admin du forum .
Première action : créer un forum (ou sous-forum) avec comme seule et unique permission pour les invités et membres de pouvoir poster un message .
La seule case à cocher sera : Répondre à un message

Poster un premier message dans ce forum avec comme titre : "contact avec l'administration"
et comme message : ' Ici , tous les messages du formulaire "spécial contact " '

Ce message servira à récolter tous les messages du formulaire ...
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: modifier le formulaire de contact

Message par pierre du 31 Mer 14 Aoû 2013 - 0:08

Ben merci, je n'y avait pas penser :)je vais tester tout de suite.


[edit]

Voici ce que ça me donne:

Code:
<!--
document.write(unescape('<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b] Prise de contact avec le staff [/b] "
              + "" + '\n'
              + "[u]" Pseudo :[/u] " + form.name.value + '\n'
              + "[u]" Email :[/u] " + form.email.value + '\n'
              + "[u]" Message :[/u] " + form.message.value + '\n'
                  form.message.value = txt_message;
}
</script>
<form action="/post" 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">
<input type="hidden" name="topictype" value="0" checked="checked">
<input type="hidden" name="message" value="">
<input type="hidden" name="f" value="89">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" href="stylerules/monstyle.css"/>
</head>

<body>
<div id = "conteneur">
    <div id="entete">Formulaire de contact</div>
<form action="soumission.php" method="post">
<fieldset>

<legend>Les champs de ce formulaire</legend> <!--notre titre de groupe de champs-->
<style>@charset "utf-8";
/* CSS Document */
#conteneur {
width:600px;
margin:auto;
height:auto;
}

#entete {
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 25px;
color: #40427f;
text-align: center;
/* marges et bordures */
padding:20px;
margin: 0px 0 30px 0;
border:1px solid #777879;
border-radius: 5px;
/* couleur de fond */
background-color: #EAFDFF ;
}

label {
/* positionnement marge et taille */
float: left;
clear: left;
margin: 10px 20px 0 0;
width: 150px;
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #445668;
text-align: right;
}

input {
/* styles de caractères */
font:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #4b4b4b;
/* marge et taille */
width: 270px;
height: 35px;
padding: 5px 10px 0px 10px;
margin: 0 0 20px 0;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

textarea {
/* styles de caractères */
font-size: 14px;
color: #4b4b4b;
font-family:Verdana, Geneva, Sans-serif;
/* marge taille et ombre portée */
width: 270px;
height: 80px;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
/* couleur de fond */
background: #f1f2f4;
/* bordures */
border:1px solid #b6b7b9;
border-radius: 5px;
}

fieldset {
background-color:#DFF4FF;
border: 1px solid ;
border-radius: 5px;
}

input[type=submit] {
/* position taille marges */
float: right;
cursor: pointer;
width: 160px;
height: 42px;
padding: 5px 10px;
margin: 0 40px 0 0;
/* coins arrondies */
border: 1px solid #275682;
border-radius: 21px;
/* fond */
background-color: #0080FF;
/* styles de texte */
color:#effaff;
font-weight:bold;
}

legend {
font:Verdana, Geneva, sans-serif;
font-size:18px;
color:#445668;
background-color:#E6F2FF;
border:1px solid;
border-color:#000000;
padding:5px 10px 5px 10px;
border-radius: 5px;
}</style>
<label for="sujet">Sujet :</label>
<input type="text" id="subject" name="subject" placeholder="Saisissez votre sujet" />


<label for="name">Pseudo :</label>
<input type="text" id="name" name="name" placeholder="Saisissez votre Pseudo" />
<label for="email">Email :</label>
<input type="email" id="email" name="email"placeholder="Saisissez votre email" />
<label for="message">Message:</label>
<textarea name="message" cols="" rows="" id="message" placeholder="Ecrivez ici votre message"></textarea>
<input type="submit" value="Envoyer" />
</fieldset>
</form>


</div>

</body>


</html>
Seulement il y a un bug au niveau du css, mais je n 'arrive pas à trouve où :/

Les cases texte s'alignent hors je ne leur demande pas d'être alignés.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mer 14 Aoû 2013 - 0:30

quand vous aurez fait ce message , repérez le numéro du topic ...

Faites une nouvelle page HTML pour ce formulaire :

Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#conteneur {
width:600px;
margin:auto;
font-family:Verdana, Geneva, sans-serif;
}

#entete {
font-size: 25px;
color: #40427f;
text-align: center;
padding:20px;
margin: 0px 0 30px 0;
border:1px solid #777879;
border-radius: 5px;
background-color: #EAFDFF ;
}

label {
float: left;
clear: left;
margin: 10px 20px 0 0;
width: 150px;
font-size: 14px;
color: #445668;
text-align: right;
}

input {
font-family:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #4b4b4b;
width: 270px;
height: 35px;
padding: 5px 10px 0px 10px;
margin: 0 0 20px 0;
background: #f1f2f4;
border:1px solid #b6b7b9;
border-radius: 5px;
}

textarea {
font-size: 14px;
color: #4b4b4b;
font-family:Verdana, Geneva, Sans-serif;
width: 270px;
height: 80px;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
background: #f1f2f4;
border:1px solid #b6b7b9;
border-radius: 5px;
}

fieldset {
background-color:#DFF4FF;
border: 1px solid ;
border-radius: 5px;
}

input[type=submit] {
float: right;
cursor: pointer;
width: 160px;
height: 42px;
padding: 5px 10px;
margin: 0 40px 0 0;
border: 1px solid #275682;
border-radius: 21px;
background-color: #0080FF;
color:#effaff;
font-weight:bold;
}

legend {
font-size:18px;
color:#445668;
background-color:#E6F2FF;
border:1px solid;
border-color:#000000;
padding:5px 10px 5px 10px;
border-radius: 5px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var txt_message = "[b]Votre pseudo : [/b]" + form.pseudo.value + "\n\n"
+ "\n[b]Adresse email : [/b]" + form.email.value + "\n\n"
+ "[b]Message : [/b] \n" + form.contenu.value + "\n";

form.message.value = txt_message;
}
</script>
</head>
<body>
<div id = "conteneur">
<div id="entete">Formulaire de contact<br /><span style="font-size:12px">Ce formulaire est uniquement destiné aux membres du forum</span></div>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" >
<input type="hidden" name="mode" value="reply" /> <!-- Un nouveau message sera créé -->
<input type="hidden" name="message" value="" />
<input type="hidden" name="t" value="2520" /> <!--  ID du message -->
<input type="hidden" name="subject" value="" />

<fieldset>
<legend>Les champs de ce formulaire</legend> <!--notre titre de groupe de champs-->
<label for="subject">Sujet :</label>
<input type="text" id="subject" name="subject" placeholder="Saisissez votre sujet" />
<label for="pseudo">Pseudo :</label>
<input type="text" id="pseudo" name="pseudo" placeholder="Saisissez votre Pseudo" required="required" />
<label for="email">Email :</label>
<input type="email" id="email" name="email"placeholder="Saisissez votre email" required="required" />
<label for="contenu">Message:</label>
<textarea name="contenu" cols="" rows="" id="contenu" placeholder="Ecrivez ici votre message" required="required"></textarea>
<input type="submit" value="Envoyer" name="post" />
</fieldset>
</form>
</div>
</body>
</html>
et remplacez le numéro de cette ligne (106) par le numéro de votre topic :
<input type="hidden" name="t" value="2520" /> <!--  ID du message -->
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: modifier le formulaire de contact

Message par pierre du 31 Mer 14 Aoû 2013 - 1:02

désolé, je voudrai créer un sujet pas répondre à un message Wink id du forum: 89
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier le formulaire de contact

Message par Scoubifitz Mer 14 Aoû 2013 - 1:07

Ce forum est donc invisible pour les membres et les invités , c'est ça ?

voici le code pour que l'envoi ouvre un nouveau sujet :

Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#conteneur {
width:600px;
margin:auto;
font-family:Verdana, Geneva, sans-serif;
}

#entete {
font-size: 25px;
color: #40427f;
text-align: center;
padding:20px;
margin: 0px 0 30px 0;
border:1px solid #777879;
border-radius: 5px;
background-color: #EAFDFF ;
}

label {
float: left;
clear: left;
margin: 10px 20px 0 0;
width: 150px;
font-size: 14px;
color: #445668;
text-align: right;
}

input {
font-family:Verdana, Geneva, sans-serif;
font-size: 14px;
color: #4b4b4b;
width: 270px;
height: 35px;
padding: 5px 10px 0px 10px;
margin: 0 0 20px 0;
background: #f1f2f4;
border:1px solid #b6b7b9;
border-radius: 5px;
}

textarea {
font-size: 14px;
color: #4b4b4b;
font-family:Verdana, Geneva, Sans-serif;
width: 270px;
height: 80px;
padding: 10px 10px 0px 10px;
margin: 0 0 20px 0;
background: #f1f2f4;
border:1px solid #b6b7b9;
border-radius: 5px;
}

fieldset {
background-color:#DFF4FF;
border: 1px solid ;
border-radius: 5px;
}

input[type=submit] {
float: right;
cursor: pointer;
width: 160px;
height: 42px;
padding: 5px 10px;
margin: 0 40px 0 0;
border: 1px solid #275682;
border-radius: 21px;
background-color: #0080FF;
color:#effaff;
font-weight:bold;
}

legend {
font-size:18px;
color:#445668;
background-color:#E6F2FF;
border:1px solid;
border-color:#000000;
padding:5px 10px 5px 10px;
border-radius: 5px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var txt_message = "[b]Votre pseudo : [/b]" + form.pseudo.value + "\n\n"
+ "\n[b]Adresse email : [/b]" + form.email.value + "\n\n"
+ "[b]Message : [/b] \n" + form.contenu.value + "\n";

form.message.value = txt_message;
}
</script>
</head>
<body>
<div id = "conteneur">
<div id="entete">Formulaire de contact</div>
<form action="/post" 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="89" /> <!--  ID du forum dans lequel le message sera posté-->

<fieldset>
<legend>Les champs de ce formulaire</legend> <!--notre titre de groupe de champs-->
<label for="subject">Sujet :</label>
<input type="text" id="subject" name="subject" placeholder="Saisissez votre sujet" />
<label for="pseudo">Pseudo :</label>
<input type="text" id="pseudo" name="pseudo" placeholder="Saisissez votre Pseudo" required="required" />
<label for="email">Email :</label>
<input type="email" id="email" name="email"placeholder="Saisissez votre email" required="required" />
<label for="contenu">Message:</label>
<textarea name="contenu" cols="" rows="" id="contenu" placeholder="Ecrivez ici votre message" required="required"></textarea>
<input type="submit" value="Envoyer" name="post" />
</fieldset>
</form>
</div>
</body>
</html>
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: modifier le formulaire de contact

Message par pierre du 31 Mer 14 Aoû 2013 - 13:29

Merci ça fonctionne parfaitement.
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 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