Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
Détails techniques
Version du forum : phpBB2Poste 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:
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:
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:
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
bonjour
c'est déjà le cas en haut tu devrais rajouté c'est pour les accents et caractères spéciaux
ensuite enlève dans ton choix graphisme
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
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
Voilà l'ami je pense être plus crédible dans ce dont je réclame au juste pour cette partie de mes désirs.
Encore merci de ton aide et si cela peut t'apporté plus de précision pour m'aider surtout n'hésite pas.
Bonne journée Dragon1973.
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.
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.
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.
- Image rectifiée:
Voilà l'ami je pense être plus crédible dans ce dont je réclame au juste pour cette partie de mes désirs.
Encore merci de ton aide et si cela peut t'apporté plus de précision pour m'aider surtout n'hésite pas.
Bonne journée Dragon1973.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
En tout cas merci encore et bonne fin d'après-midi l'ami.
Bien cordialement Dragon1973.
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.
En tout cas merci encore et bonne fin d'après-midi l'ami.
Bien cordialement Dragon1973.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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>
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
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:
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:
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
non ne reve pas je suis un vrai boulet en code mais je m'accroche
bon voila les soucis de presentation corrige
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
Re,
Mais tu es plus doué que moi je te l'affirme l'ami.
Mais tu es plus doué que moi je te l'affirme l'ami.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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>
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
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.
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 :
Voilà mon amie et merci beucoup pour toute l'aide que tu m'apportes.
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.
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.
Aller je file me coucher donc à bientôt l'ami bien cordialement Dragon1973.
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.
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.
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.
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.
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.
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.
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.
Aller je file me coucher donc à bientôt l'ami bien cordialement Dragon1973.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
ok le premier formulaire il fonctionne avec débutant pré-coche
IF (lol) si il ne change rien il seras obligatoirement débutant
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
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
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
Ci cela est possible cela serai l'idéal, le top du top du top quoi.
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.
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
Passe une bonne fin de soirée mon ami.
Cordialement Dragon1973.
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.
- Résultat final:
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.
- la tête de dragon à placer:
- Le titre à placer en haut comme dans le formulaire de départ:
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.
- la rectification du texte:
Ci cela est possible cela serai l'idéal, le top du top du top quoi.
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.
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
Passe une bonne fin de soirée mon ami.
Cordialement Dragon1973.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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é
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>
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
Re,
Tu me demande quoi l'ami car ce n'est pas très clair ce que tu m'as noté ci-dessus ?????
Tu me demande quoi l'ami car ce n'est pas très clair ce que tu m'as noté ci-dessus ?????
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
- 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>
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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.
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.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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;
}
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
le résultat avec ce css
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
- 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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
Ok cela me plait bien comme cela à part sur quelques points :
Je te le montre en image ou il faudrait rectifier :
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.
Je te le montre en image ou il faudrait rectifier :
- a modifier:
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.
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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.
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 :
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.
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
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 ::
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:
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
Re: Faire du formulaire de présentation du membre puis le replacer en tableau dans le poste du forum
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
Page 1 sur 2 • 1, 2
Sujets similaires
» Formulaire une fois posté sur le forum est positionner dans une mauvaise rubrique du forum
» Problème de décalage de ligne dans un tableau en présentation du forum
» Formulaire de présentation ne poste pas le message
» Comment faire un formulaire qui crée un sujet dans le forum
» Que puis-je faire contre un membre malhonnête
» Problème de décalage de ligne dans un tableau en présentation du forum
» Formulaire de présentation ne poste pas le message
» Comment faire un formulaire qui crée un sujet dans le forum
» Que puis-je faire contre un membre malhonnête
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum