Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Page 1 sur 2 1, 2  Suivant

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

Résolu Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Lun 2 Nov 2015 - 21:26

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 02/11/2015
Lien du forum : http://dragon-graphisme59.forumactif.org

Description du problème

Bonsoir ou boujour,

Je reviens vers vous car j'ai un autre soucis avec mon code qui après quelques modifications de ma part suite à des erreurs de ligne de code de l'ancien formulaire qui m'intéressait et don que je n'avais pas vue de suite.

Voici l'image de mon erreur que j'ai actuellement et cela je le voudrais pas que pour mosilla firefox mais aussi pour les autres navigateurs principaux pour mes futurs membres
image:
http://ahp.li/262626f2f5b6299aaf94.png

Je vous donne mon code en entier que j'ai modifié ( quelques erreur de nom etc... ) d'après une rectification déjà de votre part. Le code fonctionnait mais je n'avait pas vue sur le coup le dit message d'erreur de l'image.
Mais lorsque l'on clique sur envoyer via le message rapide du forum cela est bien poster dans la partie de mon forum que je désire.

Code:
<style type="text/css">
.form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Présentation de</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td colspan="2"><label for="gp">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td colspan="2"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br />
<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

Je voudrais maintenant que le message poster dans le forum soit placer dans un tableau comme pour le formulaire d'origine que les membres rempliront.
Cela à remplacer dans un tableau comme le formulaire d'origine:
http://ahp.li/987dd51152d256ad1a12.png

J'ai aussi un soucis d'apparence que j'aimerai corrigé et que je ne sais pas faire en voici la preuve par image.
image d'apparence à corriger:
http://ahp.li/c5dc044ac23d11654b24.png

Donc je me réexplique de nouveau pour être plus précis dans mes exigences, en fait je voudrais que la ligne de pointillés qui est entourés en rouge qui est dans la partie du titre du formulaire " Dragon Graphisme 59 " et je répète le titre, donc que cette ligne de pointillée soit exactement la même que dans les étages supérieur qui sont représenté par les flèches vertes.

Ha oui j'ai oublier de mentionner aussi, je voudrais que les membres soit bien obliger de bien vérifier leur niveau de graphisme soit bien débutant car il est cocher à l'origine, car j'ai placer le code mais il ne fonctionne pas, je suppose parce que cela est un choix de type radio. Donc là mes compétences avec les codes sont limités. Car je souhaiterai que si leur choix serai en mode "confirmé" par exemple qu'il puisse le voir avant de valider le formulaire et qu'il soit trop tard ensuite. Je ne sais pas ci je suis assez claire là dans mon explication. lol

Voilà je pense cette fois ne rien avoir oublier sinon et bien je reviendrais vous voir. lol

Donc j'attends vos commentaires avec impatience et merci d'avance de votre aide.

Bien cordialement Dragon1973.


Dernière édition par dragon1973 le Dim 6 Déc 2015 - 12:00, édité 4 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Ven 6 Nov 2015 - 1:40

UP aidez moi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Ven 6 Nov 2015 - 8:30

bonjour


Donc je voudrais que la flèche rouge soit à l'identique de la flèche verte et cela bien sur dans son cadre respectif qui est en l'occurrence celui du "dragon graphisme 59".

c'est déjà le cas en haut tu devrais rajouté c'est pour les accents et caractères spéciaux

Code:

<meta charset="utf-8" />

ensuite enlève dans ton choix graphisme

Code:
 checked="checked"


aprés mettre une condition si niveaux graphisme vide ne pas envoyé

pour le post dans ton sujet

moi j'ai crée une class supplémentaire dans le formulaire puis j'ai crée dans le CSS principal j'ai mit ce que je voulais voila en exemple



voila avec mes petites connaissances

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Ven 6 Nov 2015 - 11:02

Bonjour Mariok13,

Je te remercie de ton aide encore une fois mais ce n'est pas exactement ce que que j'ai demandé car je pense que mon explication n'est pas assez clair. Lunette

Donc je me réexplique de nouveau pour être plus précis dans mes exigences, en fait je voudrais que la ligne de pointillés qui est entourés en rouge qui est dans la partie du titre du formulaire " Dragon Graphisme 59 " et je répète le titre, donc que cette ligne de pointillée soit exactement la même que dans les étages supérieur qui sont représenté par les flèches vertes. Interrog



J'ai remis en place une autre image et remplacer celle ci-dessus du topic pour en faire voir les détails plus précisément. Siffleur


Image rectifiée:
http://ahp.li/c5dc044ac23d11654b24.png


Voilà l'ami je pense être plus crédible dans ce dont je réclame au juste pour cette partie de mes désirs. Affirmatif


Encore merci de ton aide et si cela peut t'apporté plus de précision pour m'aider surtout n'hésite pas. Clin d\'oeil


Bonne journée Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Ven 6 Nov 2015 - 12:27

re

désolé la je passe la main pour moi la seul différence c'est sur les autre tu as un td class left
et sur celui-la tu as un colspan="2"
peut etre du coté du colspan ou tu as un restriction de taille
j'ai essayé dans tous les sens désolé je comprend pas j'ai toujours cette restriction

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Ven 6 Nov 2015 - 14:26

Re,

Je te remercie de ton aide tout de même et je vais y regarder à cette dernière info que tu as mentionné, peut être en verrais-je le bout du tunnel ou voir même y commencer à voir un peut de lumière. Sourire2 

En tout cas merci encore et bonne fin d'après-midi l'ami. ok

Bien cordialement Dragon1973. Hi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Dim 8 Nov 2015 - 12:26

Up aidez moi

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Dim 8 Nov 2015 - 12:30

bonjour j'ai essayé j'ai virer le dasheed je sais c'est une solution extreme mais cela resou ton souci bon je sais c'est pas ce que tu veux mais bon en attendant


bon voila ton formulaire corrigé 


Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:right;
width:200px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Présentation de</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Dim 8 Nov 2015 - 21:01

Bonsoir Mariok13,

Bon je viens d'essayer ton code et il y à une bonne nouvelle mon ami, c'est que mon souci d'apparence que j'explique comme dans cette image ci-dessous est résolue.

Image d'avant la correction:
http://ahp.li/c5dc044ac23d11654b24.png

Mais cela m'apporte un autre problème d'apparence que je montre en dessous par rapport à l'ancien que je montre au dessus que je place dans un cercle bleu.

Correction effectuer:
http://ahp.li/1b1ba7b24924d83000fb.png

J'ai aussi remarquer un autre problème dans la procédure de vérification des champs quelques, en faisant de nouveau le formulaire mon ami c'est que pendant que je le remplie de nouveau, je vérifie s'il me demande toujours de bien remplir les champs et voilà qu'il en manque un voir même deux mais l'autre est plus complexe à cause du choix particulier avec les type " radio ". Enfin bref, je l'ai demander également que si l'on pouvait y remédier également donc je revient à notre soucis car il saute au dessus de la vérification du champ " Vous avez oublié de parler de votre passion " pour être exact.

Bon voilà je que j'en ai remarquer à première vue mon cher ami et je te remercie fortement de ton aide. Et je t'invite même à te pencher sur mes autre soucis vue ton agilité dans la conception en utilisant les codes.

Merci encore et j'espère à bientôt.

Bien cordialement Dragon1973.


Dernière édition par dragon1973 le Dim 8 Nov 2015 - 21:09, édité 1 fois

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Dim 8 Nov 2015 - 21:06

non ne reve pas je suis un vrai boulet en code mais je m'accroche  Smile

bon voila les soucis de presentation corrige 


Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
vertical-align: text-top;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top;
}
 
label,
textarea{
  display:inline-block;
  vertical-align:top;


 
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Présentation de</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>


Dernière édition par mariok13 le Dim 8 Nov 2015 - 21:21, édité 1 fois

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Dim 8 Nov 2015 - 21:08

Re,

Mais tu es plus doué que moi je te l'affirme l'ami. Siffleur

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Dim 8 Nov 2015 - 21:21

oups correction post du dessus
pour ta deuxiéme question c'est du pur code je regarde mais je te promet rien par contre moi j'utilise la fonction required  en fin de saisie il m'indique les champs non remplit c'est plus simple que les if et autres

precision je ne suis qu'un graphiste et de plus amateur

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Dim 8 Nov 2015 - 22:44

je crois que j'ai réussit essaye cela 


Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:right;
width:200px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value == "" + form.pro.value == "" +  form.expert.value == ""  )
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Présentation de</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant"  /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Lun 9 Nov 2015 - 2:41

Bonjour l'ami Mariok13,

Et bien à première vue il est bien confirmé que pour ce qui est du html5 tu te débrouilles plutôt assez bien mon ami. Yes 

Je n'ai pas eu de soucis jusqu'à la question de quel niveau de graphisme, car c'est là que le bas blesse. Je m'explique, à ce niveau à l'origine par défaut mon ami il faut que le niveau " débutant " soit cocher impérativement. Par contre la vérification du champ fonctionne à cet endroit qu'auparavant cela ne fonctionnait même pas. victoire

Donc je continue de remplir le formulaire et la je vérifie, et rien ne se passe cela reste bloquer pour ce qui est de la vérification des champs. Enfin donc je continue tout de même à le remplir. Reste plus qu'à l'envoyer et rien ne se passe, je ne peut plus l'envoyer du tout mon ami. Mais oui 

Donc voici de nouveau un problème sur cela et aussi je voudrais que toutes ces valeurs envoyées sur le forum pour y faire le dit message soit placer dans une espèce de tableau pour que cela soit plus lisible et plus clair à lire. Et cela serai le top du top pour ce formulaire mon ami, il restera plus que mon formulaire pour les demande de kit signature qui serait dans le même modèle à peut de chose prêt. Clin d\'oeil

Je me permet de te donner le code de mon formulaire pour les demande de kit signature au cas ou ci-dessous.

En voici l'ébauche que j'ai faite à ce sujet :

Code:
<style type="text/css">
.form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre un pseudo pour votre demande de kit signature";
return false;
}
else if(form.theme.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre thème !";
return false;
}
else if(form.couleur.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner vos couleurs !";
return false;
}
else if(form.police.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre police d'écriture !";
return false;
}
else if(form.image.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner vos liens d'images !";
return false;
}
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Kit signature</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]De quel type de demande il s'agit ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.type.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.type[i].value + '\n'; }
}
txt_message = txt_message + "[b]Thème du kit signature ? : [/b][list]" + form.theme.value + "[/list]"
+ "[b]La couleur principale pour le kit ? : [/b]" + '\n'
+ form.couleur.value + '\n'
+ "[b]Quelle est la police d'écriture à utilisée ? : [/b]" + '\n'
+ form.police.value + '\n';"[b]Quels sont les renders à utilisés pour la conception du kit signature ? : [/b]" + '\n'
+ form.image.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation du membre" + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Kit signature</span></div>
<br />
<br />

<fieldset><legend>Pour la conception du type de demande</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left">Quelle est votre type <br />de demande ? :</td>
<td><input type="radio" name="type" value="avatar" id="avatar" checked="checked" /> <label for="avatar">Avatar</label><br />
<input type="radio" name="type" value="signature" id="signature" /> <label for="con">Signature</label><br />
<input type="radio" name="type" value="kit" id="kit" /> <label for="kit">Kit signature</label></td>
</tr><tr>
<td class="left"><label for="type">Quel est le thème à utilisé ?</label></td>
<td><textarea name="theme" id="theme" cols="40" rows="5"></textarea></td>
</tr><tr>
<td class="left"><label for="region">Quelle est la couleur principale à utilisée ?</label></td>
<td><textarea name="couleur" id="couleur" cols="40" rows="5"></textarea></td>
</tr><tr>
<td class="left"><label for="police">Quelle est la police d'écriture à utilisée sur le site dafont.com ?</label></td>
<td><textarea name="police" id="police" cols="40" rows="5"></textarea></td>
</tr><tr>
<td class="left"><label for="image">Quels sont les liens des images à utilisés de préférence des renders sur le site renders-graphiques.fr ?</label></td>
<td><textarea name="police" id="police" cols="70" rows="10"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

Voilà mon amie et merci beucoup pour toute l'aide que tu m'apportes. ::fete::

A propos pour ce qui est du graphisme je me débrouille plutôt assez bien de ce coté là car cela fait déjà environ 6 ans que je pratique en amateur bien sur donc ci tu as besoin d'aide sur cela l'ami, j'en serai ravi pour t'aider pour l'aide que tu m'offres ici.  ok

Je vais regarder pour t'envoyer quelques une de mes oeuvres en MP pour te donner un aperçu, après je t'en laisse seul juge. Siffleur

Aller je file me coucher donc à bientôt l'ami bien cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Lun 9 Nov 2015 - 15:19

ok le premier formulaire il fonctionne avec débutant pré-coche 
IF (lol) si il ne change rien il seras obligatoirement débutant 

Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
vertical-align: text-top;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top;
}
 
label,
textarea{
  display:inline-block;
  vertical-align:top;

}  
  
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value.checked == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
  var txt_message ="<div class=mariok13>  <br /><center><trong><big>[b]Présentation de :"  + form.pseudo.value +  '\n' + '\n </strong></big>[/b]</center>'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b]" + form.logiciel.value + '\n'
+ "[b]Vos premières impressions de ce forum ? : [/b]" +  form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" +  form.connais.value + '\n</div>';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

voila le résultat posté 



Pour l'instant j'en suis la recuperer pour qui soit bien aligné je me suis pas penché dessus  cela fait trois heures que je suis dessus je n'arrive à rien désolé

pour avoir une joli presentation oui mais il faudra aussi joué sur la feuille de style de ton forum

bon je sais pas allez plus loin tu peut joué sur les polices (mais je suis pas sur que cela marche vraiment bien)

j'ai un peu élagué la page HTML j'ai crée une class supplémentaire qui ne sert qu'a l'affichage du sujet  

j'ai rajoute ce code dans la feuille de style principale (n'oubli surtout pas d'enregistrer)

voila le code : CSS principal pa -> image-> couleur-> CSS

Code:
.mariok13 {
 margin-bottom: 40px;
  margin-top: 40px;
  padding: 10px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
 box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;  
background-image:url(http://i21.servimg.com/u/f21/13/05/48/28/mariok10.png);
background-repeat:no-repeat;
background-position: right;  
}


voila le résultat 



Ps ah oui j'ai mis un dragon   lol! Noel
Ah j'allais oublié pour les logiciel de graphisme j'aurais plutôt mis une liste de choix via un select mais bon c'est un avis perso

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Lun 9 Nov 2015 - 21:18

Bonsoir l'ami,

Donc je viens de faire l'essai et cela ce déroule parfaitement sauf sur la fin quand les informations du formulaire sont postés sur le forum. Le mieux est de te le faire voir donc voici de ce qu'il en est en image mon ami. Siffleur

Résultat final:
http://ahp.li/b5038b6df5de4a3ae74a.png

J'y pense il n'y aurait pas la possibilité de mettre une autre image dragon à la place de celle que tu as mis et aussi de remettre le même titre que dans le formulaire de base. voici en image pour le dragon à placer dessus et aussi pour le titre à y replacer. Assomé

la tête de dragon à placer:
http://ahp.li/ae00305b280dc80ab850.png

Le titre à placer en haut comme dans le formulaire de départ:
http://ahp.li/c40d10b1a448ada07781.png

Est ce qu'il y à possibilité également de pouvoir recentre un peut le texte de cette partie du formulaire prise dans cette image ci-dessous en mettant les questions que j'ai placé dans les cercles bleu à l'emplacement des cercles vert pour que cela soit plus fluide.  Snifff

la rectification du texte:
http://ahp.li/bc3aced8b8310866b8db.png

Ci cela est possible cela serai l'idéal, le top du top du top quoi. Yes

Et est ce que tu as regarder pour mon formulaire mais cette fois pour mes kits signatures, je sais que je t'en demande beaucoup cher ami, mais je n'ai que toi en qui je peux me retourner. aidez moi

Je te remercie au centuple en tout cas pour déjà tout le travail que tu as déjà fait pour moi, car tu es un Hero

Passe une bonne fin de soirée mon ami. Hi

Cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Lun 9 Nov 2015 - 22:36

bonsoir

je vois que tu as un peu retoucher la page html peut me la remettre pour que je puisse retravaille dessus la tete de dragon ok pas de soucis il faut juste la place au centre et y mettre de la transparence .pour l'ecart ddu texte le souci est le texte area qui est trop important mais je pense que tu as du touché au pourcentage aussi non ton titre en haut en sous impression Dragon 59 gâche le formulaire

le deuxieme je m'y penche je pense aussi que les bouton radio c'est pas top une liste de choix serais meilleur (mais ce n'est que mon avis) 
voila pour l'instant j'attend ton post

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Lun 9 Nov 2015 - 23:58

Re,

Je pense que tu veux que je te remette le code de la page html d'origine ci j'ai bien compris ce que tu me demandes.

Code:
<style type="text/css">
.form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Dragon Graphisme 59</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Présentation de</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudo ? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td colspan="2"><label for="gp">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td colspan="2"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br />
<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

Voilà pour ce qui est du code html du moins je pense que c'est celui-ci. J'y ai apporté des modification car les champs était trop petit pour noter la totalité comme les liens des sites par exemple.

Et pour ce qui est du titre " Dragon graphisme 59 " en gris j'aime beaucoup donc pourrais-tu le remettre s'il te plait.

Pour ce qui est du deuxième formulaire pour les kits signatures et bien je suis d'accord pour la liste de choix.

Mais je tiens à avoir la même mise en page sur les deux formulaires trait pour trait mon ami.

Voilà je te laisse travailler.

Ha le temps que j'y pense tu ne connaitrais pas quelqu'un qui pourrais me faire une horloge flash de format numérique avec en incorporation le calendrier. Et bien sur je te le donne en mille avec quelle image je la voudrais............ et oui bien sur avec un dragon et aussi une belle femme t'en qu'à faire.

Aller bonne soirée et merci encore.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mar 10 Nov 2015 - 7:56

non je veux le dernier que je t'est donné et que tu as modifié merci

PS : Cela prendra un  peu plus  de temps car je doit aussi finalisé avec nos codeurs notre forum qui est une redirection d'un forum d'un autre fournisseur et qui est refait de A à Z nous ouvrons le 20 novembre et il restent quelques détails à réglés. (je suis en charge des graphismes et malgré moi des formulaires)

la forme du dexieme est bonne 

ce qui marche pas c'est le post et les conditions 



un amis m'as pete un portable 15 pouces j'ai retravaillé le formulaire (le premier) maintenant il décale plus mais c'est sur ma base et non celle que tu as corrigé 


Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 960x;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 800px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
width: 800px;   
border:1px dashed #444444;

border-width:1px 0 0 0;
vertical-align: text-top;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top;
}
 
textarea{
 text-align:left;
vertical-align: text-top;
}
 

 
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value.checked == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
  var txt_message ="<div class=mariok13>  <br /><center><trong><big>[b]Présentation de :"  + form.pseudo.value +  '\n' + '\n </strong></big>[/b]</center>'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b]" + form.logiciel.value + '\n'
+ "[b]Vos premières impressions de ce forum ? : [/b]" +  form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" +  form.connais.value + '\n</div>';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea name="gp" id="gp" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea  name="connais" id="connais" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mar 10 Nov 2015 - 18:14

Bonjour Mariok,

Je n'ai rien touché au dernier code que tu m'as envoyer mon ami je l'ai laisser tel quel donc je te redonne le dernier que tu m'as donné à la date du 09/11/2015 que je te remets ci-dessous mon ami.

Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 550px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
border:1px dashed #444444;
border-width:1px 0 0 0;
vertical-align: text-top;
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top;
}
 
label,
textarea{
  display:inline-block;
  vertical-align:top;

}  
  
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value.checked == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
  var txt_message ="<div class=mariok13>  <br /><center><trong><big>[b]Présentation de :"  + form.pseudo.value +  '\n' + '\n </strong></big>[/b]</center>'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b]" + form.logiciel.value + '\n'
+ "[b]Vos premières impressions de ce forum ? : [/b]" +  form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" +  form.connais.value + '\n</div>';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="50" maxlength="40" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="60" maxlength="50"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>

Donc voilà le tout dernier code que tu m'as envoyer.

Et pour ce qui est du deuxième formulaire je comprends que cela prendra plus de temps l'ami vue l'ouverture au 20 novembre. Et de plus tu es responsable du graphisme et malheureusement des formulaires, mais dans ce domaine tu es devenue un as des as.

En tout cas merci à toi cordialement Dragon1973.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mar 10 Nov 2015 - 19:32

ok tu peut pendre celui du dessus il est corrigé pour marche avec un 15 pouces de portable dans la feuille de style principale tu à centré et rajouté un background tu peut la remettre ici merci que la partie  de la class mariok13 merci aus je puisse travaillé sur le dragon

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mar 10 Nov 2015 - 20:19

Re,

Tu me demande quoi l'ami car ce n'est pas très clair ce que tu m'as noté ci-dessus ?????

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mar 10 Nov 2015 - 20:44

Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 960x;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 800px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
width: 800px;    
border:1px dashed #444444;

border-width:1px 0 0 0;
vertical-align: text-top; 
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top; 
}
 
textarea{
 text-align:left;
vertical-align: text-top; 

  

  
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value.checked == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
  var txt_message ="<div class=mariok13>  <br /><center><trong><big>[b]Présentation de :"  + form.pseudo.value +  '\n' + '\n </strong></big>[/b]</center>'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b]" + form.logiciel.value + '\n'
+ "[b]Vos premières impressions de ce forum ? : [/b]" +  form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" +  form.connais.value + '\n</div>';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea name="gp" id="gp" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea  name="connais" id="connais" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>
celui passe sur un écran de portable 15 pouces sans souci
tans la partie 
PA-> gestion des images->couleur->CSS 
tu as la parite qui poste celle la tu as du la changé car dans ton exemple c'est centre c'est celle ou il y as la tete de dragon

Ps le deuxième le post fonctionne mais P... ton truc de condition si rempli ou pas je galère

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mar 10 Nov 2015 - 22:07

ha ok je vois ce que tu veux me dire pour le centrage et bien en fait non je ne l'ai pas modifier à vrai dire car j'ai placer dans mon CSS un code pour centrer tout le forum donc je supose que c'est ce code qui doit être le problème.

Je te le donne en dessous.
Code:
/*Centrage automatique dans les messages début*/

tr.post td{
text-align: center;
}

/*Centrage automatique dans les messages fin*

Car je préfère que mon forum soit centrer cela rend mieux je trouve.

Pour ce qui est du deuxième formulaire non ne mets pas les conditions de sécurité de remplissage comme c'est pour des kits signatures.

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mar 10 Nov 2015 - 22:11

Pour information voilà mon code de ma feuille de CSS au complet.

Code:
/*Cela est le code pour la présentation des membres sur le forum début*/

        .mariok13 {
        margin-bottom: 40px;
          margin-top: 40px;
          padding: 10px;
          width: 50%;
          margin-left: auto;
          margin-right: auto;
        box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
                    -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
        background-image:url(http://i21.servimg.com/u/f21/13/05/48/28/mariok10.png);
        background-repeat:no-repeat;
        background-position: right; 
        }

/*Cela est le code pour la présentation des membres sur le forum fin*/

/*Mettre une image de fond dans le message rapide du forum début*/

       
        .sceditor-container iframe, .sceditor-container textarea {
        background:url(http://ahp.li/68b3763ff3337827d444.png)!important;
        background-repeat:no-repeat!important;
        background-position:center!important;
        }

/*Mettre une image de fond dans le message rapide du forum fin*/

/*Mettre l'avatar du membre sur votre Toolbar début*/

     .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

/*Mettre l'avatar du membre sur votre Toolbar fin*/

/*Coloriser les cellules lors d'un nouveau message début*/

        tr.newpost td {
        background-color:#b86e32!important;}

        /*--- Bloc réponse rapide ---*/
       
        .sceditor-container.ltr.sourceMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
       
        /*---  Partie supérieur contenant les outils ---*/
       
        div.sceditor-toolbar {
        background-color: B59377 !important;
        width: 750px !important;
        }
       
        /*---  Partie texte area : fond ---*/
       
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #EBBC96 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 13px;
        width: 800px !important;
        color: #444444 !important;
        font-size:14px !important;
        }
       
        /*---  Groupe de boutons ---*/
       
        div.sceditor-group {
        background-color: #B59377 !important; }
 
        /*---  Boutons ---*/
       
        a.sceditor-button {
        ...
        }

        /*---  Boutons sélectionnés ---*/
       
        a.sceditor-button.hover {
        background-color: #EBBC96 !important;
        }

        /* fond d'un bouton survolé ou activé */
 
.sceditor-button.hover, a.sceditor-button:hover {
background: #EBBC96;
}
       
        /* bordure de l'éditeur */
        div.sceditor-container {
        border: none;
        }
       
        /* bordure entre la barre d'outils et la zone de saisie de texte */
        body div.sceditor-toolbar {
        border-bottom: none;
        }
       
        /* bordure sous les groupes de bouton */
        body div.sceditor-group {
        border-bottom: none;
        }
       
        /* ombre d'un bouton survolé ou activé */
        a.sceditor-button:hover, a.sceditor-button.hover {
        box-shadow: none;
        }

        /*---  Smileys ---*/
       
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
         

/*Placer l'avatar à côté de la réponse rapide début*/

  #av_quickreply img {
            left: 10px;
            position: relative;
            top: 35px;
        }
       
        #av_quickreply {
            float: left;
            position : absolute;
        }

/*Placer l'avatar à côté de la réponse rapide fin*/

/*Centrage automatique dans les messages début*/

tr.post td{
text-align: center;
}

/*Centrage automatique dans les messages fin*
   
/* ********** QUI EST EN LIGNE *********** */

      .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: left;
    height:270px;}

    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}


.forumline {-moz-border-radius: 15px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 1px;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

a {
font-variant: small-caps;
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
}

****************************************************************************************************************************

a.forumlink:link, a.forumlink:visited {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #ffffff;
border-bottom: 1px solid #000000;
color: #000000;
font-family: Times New Roman;
font-size: 15px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

a.forumlink:hover{
color: #888888;
letter-spacing: 2px;}

  .titre01 {
  font-size: 24px;
  font-family: Times New Roman;
  text-align : center ;
  letter-spacing: -1px;
  padding-left: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 3px;
  display: block;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-weight:normal;
  color : white;
}

.titre02 {
  border-radius-topleft: 50px;
  border-radius-topright: 50px;
  background : #3b3b3b;
  border : 2px solid #fff;
  text-align: center;
  text-transform: uppercase;
  color : #12385f;
  text-shadow: 1px 1px 1px white;
  box-shadow : 0px -1px 5px black;
  border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
  width : 771px;
  height : 80px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : justify;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}

.boxpa2 {
  width : 247px;
  height : 100px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : center;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}


#boitetatu{
position: fixed;
top: 300px;
left: 20px;
width: 200px;
+ les votres
}

.titreboiteta{
Propriétés CSS
}

.paragraphe{
Propriétés CSS
}

/*--- Cette partie correspond à la description du forum ---*/

.forum-description {
overflow: auto;
text-align: justify;
background: #BD997B;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 110px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

.forum-forum {
overflow: auto;
text-align: center;
background: #BD997B;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*---Derniers messages---*/

.lastpost{
width: 130px;
height: 110px;
background-color:#BD997B
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink{
font-size: 20px;
margin-bottom: -13px;
padding-top: 7px;
margin-left:-120px;
color : #BD997B;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #666666;
}


dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mar 10 Nov 2015 - 22:55

bon voila la page html teste sur un ecran 15 pouces de portable moi je travail sur un 27 pouces mac donc j'ai un peu galéré pour comprendre 

Code:
<meta charset="utf-8" />
<style type="text/css">
form {
font-size: 15px;
background-color:#EBBC96;
width: 960x;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#edd7c5;
width: 800px;
margin-left:auto;
margin-right:auto;

}
fieldset tr td{
padding:12px;
width: 800px;    
border:1px dashed #444444;

border-width:1px 0 0 0;
vertical-align: text-top; 
}
legend {
background-color:#B59377;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #444444;
font-size: 24px;
}
left{
text-align:left;
vertical-align: text-top; 
}
 
textarea{
 text-align:left;
vertical-align: text-top; 

  

  
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.gpa.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre ci vous aviez un forum ou un blog";
return false;
}
else if(form.gpb.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mettre le lien de votre site internet";
return false;
}
else if(form.débutant.value.checked == "")
{
document.getElementById("errormsg").innerHTML = "Avez-vous bien le niveau de débutant en graphisme ?";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else
{
// Créer un message à partir des informations fournies
  var txt_message ="<div class=mariok13>  <br /><center><trong><big>[b]Présentation de :"  + form.pseudo.value +  '\n' + '\n </strong></big>[/b]</center>'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Parlez-nous de votre région : [/b]" + form.region.value + '\n'
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ "[b]Depuis combien de temps faites-vous du Graphisme ? : [/b]" + form.graftime.value + '\n'
+ "[b]Avez-vous un forun, blog ou site internet ? : [/b]" + form.gpa.value + '\n'
+ "[b]Le lien de votre forun, blog ou site internet ? : [/b]" + form.gpb.value + '\n'
+ "[b]Vous pensez avoir quel niveau en Graphisme ? : [/b]";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Votre (ou vos) Logiciel(s) de Graphisme ? : [/b]" + form.logiciel.value + '\n'
+ "[b]Vos premières impressions de ce forum ? : [/b]" +  form.gp.value + '\n'
+ "[b]Comment avez-vous connu Dragon Graphisme 59 ? : [/b]" +  form.connais.value + '\n</div>';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script><div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="mode" value="reply" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="2" />
<br /><div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Dragon Graphisme 59</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="region">Parlez-nous de votre région :</label></td>
<td><textarea name="region" id="region" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
<td><textarea name="passion" id="passion" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Graphisme</legend>
<table><tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> faites-vous du Graphisme ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpa">Avez-vous un site<br />comme forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="site" id="gpa" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="gpb">Quel est le lien de<br />votre forum ou blog ?</label></td>
<td valign="bottom"><input type="text" name="gpb" id="lien" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left">Quel est votre niveau <br />en graphisme ? :</td>
<td><input type="radio" name="niveau" value="débutant" id="débutant" checked="checked" /> <label for="débutant">Débutant</label><br />
<input type="radio" name="niveau" value="confirme" id="pro" /> <label for="con">Confirmé</label><br />
<input type="radio" name="niveau" value="expert" id="expert" /> <label for="expert">Expert !</label></td>
</tr><tr>
<td class="left"><label for="logiciel">Quels logiciels de Graphisme<br />utilisez-vous ?</label></td>
<td><textarea name="logiciel" id="logiciel" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Dragon Graphisme 59</legend>
<table><tr>
<td class="left"><label for="gp">Vos premières impressions sur ce forum ?</label><br /></td>
<td><textarea name="gp" id="gp" cols="40" rows="4"></textarea></td>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu Dragon Graphisme 59 ?</label><br /></td>
<td><textarea  name="connais" id="connais" cols="40" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;"><b>Le titre du sujet sera créé automatiquement !</b></span></label><br><br><input type="submit" name="post" value="Envoyer"><br>
</fieldset>
</form></div>


le résultat avec ce css

Code:
.mariok13 {
 margin-bottom: 40px;/** placement par rapport au bas du sujet**/
  margin-top: 40px; /* placement par rapport au haut du sujet **/
  padding: 10px;
  width: 50%;/** pour le placement global dans le sujet **/
margin-left: auto;
  margin-right: auto;
 box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;  
background-image:url(http://i21.servimg.com/u/f21/13/05/48/28/tete_111.png);
background-repeat:no-repeat; /** sert à ne pas répète l'image **/
background-position: center;  /** sert à place l'image left, right, center**/
}



j'ai triche j'ai mis un text align center dans mon code pour reproduire to forum tu le trouveras pas je te l'est enlevé avant de poste 

Quelques explication de graphisme 

taille de l'image : L 240 H 364 opacité 25 % (photoshop)

je t'est mis des commentaire dans mon CSS /** commentaire**/ 
a toi de t'amuse
je suis sur le deuxième mais pas encore au point pour l'instant il poste mais pas comme je veux j'ai bien compris pour les conditions cela m'arrange car j'arrive à rien depuis 2 heures

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mer 11 Nov 2015 - 0:54

Ok cela me plait bien comme cela à part sur quelques points :

Je te le montre en image ou il faudrait rectifier :

a modifier:
http://ahp.li/1b1ba7b24924d83000fb.png

Et ensuite aussitôt la rectif faite je crois que pour ce premier formulaire l'affaire sera conclue après l'avoir essayer bien sur.

En tout cas merci pour tout ce travail accomplie mon ami. Siffleur Yes Bravo2

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mer 11 Nov 2015 - 8:34

regarde sur le mien et la je comprend pas



pour l'grandissement de la zone texte oui on peut mais j'ai mis les memes dimensions pour toutes les zones question esthétisme tu veut agrandir toutes les zones (perso une seul zone de taille différente cela fait pas beau)

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par dragon1973 le Mer 11 Nov 2015 - 17:37

Bonjour l'ami,

Oui en effet cela est bizarre, mais à bien regarder ton image que tu as mis mon ami j'y ai remarqué que tous ton texte est centrer voir même les titres du formulaire comme en général, graphisme et autre donc cela pourrais y avoir à quelques chose l'ami.
Car pour moi mon formulaire il n'y à pas cela du tout comme aspect je te remet une image à l'identique de la tienne pour comparaison ci-dessous.

Image de comparaison avec la tienne du dessus ::
http://ahp.li/867610da80d7d390d0de.png

Mais j'y pense cela est peut être du, et je dis bien peut être à mon code CSS d'origine quand j'ai installer ce thème et aussi les code que j'ai trouvé dans forumactif qui me plaisait bien.

Je te redonne mon code au complet de mon CSS au cas tu y trouverais une réponse pour cela.


Code au complet pris ce jour de mon CSS :

Code:
/*Cela est le code pour la présentation des membres sur le forum début*/

                .mariok13 {
         margin-bottom: 40px;/** placement par rapport au bas du sujet**/
          margin-top: 40px; /* placement par rapport au haut du sujet **/
          padding: 10px;
          width: 50%;/** pour le placement global dans le sujet **/
        margin-left: auto;
          margin-right: auto;
         box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
                    -1px 2px 20px rgba(255, 255, 255, 0.6) inset;  
        background-image:url(http://i21.servimg.com/u/f21/13/05/48/28/tete_111.png);
        background-repeat:no-repeat; /** sert à ne pas répète l'image **/
        background-position: center;  /** sert à place l'image left, right, center**/
        }

/*Cela est le code pour la présentation des membres sur le forum fin*/

/*Mettre une image de fond dans le message rapide du forum début*/

        
        .sceditor-container iframe, .sceditor-container textarea {
        background:url(http://ahp.li/68b3763ff3337827d444.png)!important;
        background-repeat:no-repeat!important;
        background-position:center!important;
        }

/*Mettre une image de fond dans le message rapide du forum fin*/

/*Mettre l'avatar du membre sur votre Toolbar début*/

     .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

/*Mettre l'avatar du membre sur votre Toolbar fin*/

/*Coloriser les cellules lors d'un nouveau message début*/

        tr.newpost td {
        background-color:#b86e32!important;}

        /*--- Bloc réponse rapide ---*/
        
        .sceditor-container.ltr.sourceMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
        
        /*---  Partie supérieur contenant les outils ---*/
        
        div.sceditor-toolbar {
        background-color: B59377 !important;
        width: 750px !important;
        }
        
        /*---  Partie texte area : fond ---*/
        
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #EBBC96 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 13px;
        width: 800px !important;
        color: #444444 !important;
        font-size:14px !important;
        }
        
        /*---  Groupe de boutons ---*/
        
        div.sceditor-group {
        background-color: #B59377 !important; }
 
        /*---  Boutons ---*/
        
        a.sceditor-button {
        ...
        }

        /*---  Boutons sélectionnés ---*/
        
        a.sceditor-button.hover {
        background-color: #EBBC96 !important;
        }

        /* fond d'un bouton survolé ou activé */
 
.sceditor-button.hover, a.sceditor-button:hover {
background: #EBBC96;
}
        
        /* bordure de l'éditeur */
        div.sceditor-container {
        border: none;
        }
        
        /* bordure entre la barre d'outils et la zone de saisie de texte */
        body div.sceditor-toolbar {
        border-bottom: none;
        }
        
        /* bordure sous les groupes de bouton */
        body div.sceditor-group {
        border-bottom: none;
        }
        
        /* ombre d'un bouton survolé ou activé */
        a.sceditor-button:hover, a.sceditor-button.hover {
        box-shadow: none;
        }

        /*---  Smileys ---*/
        
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
          

/*Placer l'avatar à côté de la réponse rapide début*/

  #av_quickreply img {
            left: 10px;
            position: relative;
            top: 35px;
        }
        
        #av_quickreply {
            float: left;
            position : absolute;
        }

/*Placer l'avatar à côté de la réponse rapide fin*/

/*Centrage automatique dans les messages début*/

tr.post td{
text-align: center;
}

/*Centrage automatique dans les messages fin*
    
/* ********** QUI EST EN LIGNE *********** */

       .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: left;
    height:270px;}

    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}


.forumline {-moz-border-radius: 15px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 1px;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

a {
font-variant: small-caps;
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
}

****************************************************************************************************************************

a.forumlink:link, a.forumlink:visited {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #ffffff;
border-bottom: 1px solid #000000;
color: #000000;
font-family: Times New Roman;
font-size: 15px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

a.forumlink:hover{
color: #888888;
letter-spacing: 2px;}

  .titre01 {
  font-size: 24px;
  font-family: Times New Roman;
  text-align : center ;
  letter-spacing: -1px;
  padding-left: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 3px;
  display: block;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-weight:normal;
  color : white;
}

.titre02 {
  border-radius-topleft: 50px;
  border-radius-topright: 50px;
  background : #3b3b3b;
  border : 2px solid #fff;
  text-align: center;
  text-transform: uppercase;
  color : #12385f;
  text-shadow: 1px 1px 1px white;
  box-shadow : 0px -1px 5px black;
  border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
  width : 771px;
  height : 80px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : justify;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}

.boxpa2 {
  width : 247px;
  height : 100px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : center;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}


#boitetatu{
position: fixed;
top: 300px;
left: 20px;
width: 200px;
+ les votres
}

.titreboiteta{
Propriétés CSS
}

.paragraphe{
Propriétés CSS
}

/*--- Cette partie correspond à la description du forum ---*/

.forum-description {
overflow: auto;
text-align: justify;
background: #BD997B;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 110px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

.forum-forum {
overflow: auto;
text-align: center;
background: #BD997B;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*---Derniers messages---*/

.lastpost{
width: 130px;
height: 110px;
background-color:#BD997B
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink{
font-size: 20px;
margin-bottom: -13px;
padding-top: 7px;
margin-left:-120px;
color : #BD997B;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #666666;
}


Pour ce qui est de ma modification de la taille du champ cercle rouge, et bien j'y est fait un essai et cela à pour effet d'agrandir encore d'avantage le cadre du formulaire voir flèche bleu ( voir image ci-dessous )

Oui je sais pour des raison esthétique ce serai mieux de mettre tous les champs de la même taille cela va s'en dire.

Image:
http://ahp.li/bc3aced8b8310866b8db.png

Voilà mon amie, donc regarde ci dans mon code CSS il y aurait ta réponse le cas où ?

J'attends avec impatience ta réponse mon ami et encore merci de ton aide.

Cordialement dragon1973

dragon1973
***

Masculin
Messages : 138
Inscrit(e) le : 18/10/2015

http://dragon-graphisme59.forumactif.org
dragon1973 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum

Message par mariok13 le Mer 11 Nov 2015 - 21:01

@dragon1973 a écrit:

Pour ce qui est de ma modification de la taille du champ cercle rouge, et bien j'y est fait un essai et cela à pour effet d'agrandir encore d'avantage le cadre du formulaire voir flèche bleu ( voir image ci-dessous )

et oui tu agrandi une zone dans une partie de tableau cela agrandi tous le block et focement d"cale par rapport aux autres

@dragon1973 a écrit:

Oui en effet cela est bizarre, mais à bien regarder ton image que tu as mis mon ami j'y ai remarqué que tous ton texte est centrer voir même les titres du formulaire comme en général, graphisme et autre donc cela pourrais y avoir à quelques chose l'ami.
Car pour moi mon formulaire il n'y à pas cela du tout comme aspect je te remet une image à l'identique de la tienne pour comparaison ci-dessous.

c'est une page HTML donc elle n'a rien à voir avec le CSS de ton theme du moins je crois ton CSS de theme n'intervient que quant du poste

dans un premier temps vide le cache de ton ordinateur et teste le formulaire sur un autre car chez mois teste sur deux ordinateurs différents j'ai le meme résultat

Pour le CSS tu me parle un peu chinois lol je regarde mais je te promet rien

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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