formulaire de présentation

[mic43]

salut a tous,

voila je vous éxplique mon souci,j'ai trouvé un formulaire pour la présentation de mes membres,seul souci forcement il n'est pas adapter a mon forum et il faudrait donc le modifier (en dehors des couleurs) de sortes que ce formulaire corresponde a ceci:

#Vous-même#

Nom:
Age:
profession:
localisation:
Depuis combien de temps roulez vous en calibra:
Combien de calibra possedez vous:

#Votre calibra#

Année de la voiture:
Motorisation:
Kilomètres:
Couleur:
Modification:
Projet:

avec la possibilité,le cas écheant de rajouté un calibra 2 ou calibra 3 etc etc

voici donc le code que j'ai attaqué de modifié et dont j'aimerais gardé la pluaprt des fonction mais supprimé les autres qui nous sont inutiles vu que nous ne sommes pas un forum de rpg (www.calibra-concept.net ) en ésperant que quelqu'un pourra m'aider car je galère
merci d'avance

Code:

<style type="text/css">
    .form {
    font-size: 13px;
    color:white;
    width: 900;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset {
    width: 550px;
    margin-left:auto;
    margin-right:auto;
}
fieldset {
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td {
padding:12px;
border:1px dashed #BABABA;
border-width:1px 0 0 0;
}
legend {
font-family: Times New Roman;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #FADBC0;
text-shadow: 1px 1px 5px #C9A87D;
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.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.allods.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire depuis quand vous jouez à Eden Eternal";
return false;
}
else if(form.motivations.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos motivations";
return false;
}
else if(form.lanfear.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de donner vos impressions";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous avez connu ce forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="[center][table style='color:white;background-color:#080114;text-shadow: 0px 0px 12px #BABABA;margin:3px;padding:10px;']"+ "[tr][td][font=Times New Roman][color=LightGray]Calibra-Concept[/color][/font]"
+ "[center][size=29][color=darkred][font=Times New Roman]Présentation[/font][/color][/size][/center][/td]"+ "[td][/td][/tr][tr][td colspan='2'][img(800px,25px)]http://img836.imageshack.us/img836/7083/entete10.png[/img][/td]"+ "[/tr][tr][td][color=orange]Vous-même[/color][/td][/tr][tr]"+ "[td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #BABABA;-webkit-box-shadow: 1px 1px 12px #BABABA; box-shadow: 1px 1px 12px #BABABA;']"
+ "[b]votre pseudonyme? :[/b]" + form.pseudo.value + "\n\n"
+ "[b][color=orange]Quel est votre Age ? : [/color][/b]" + form.age.value + "\n\n"
+ "[b]Quel est votre métier ? :[/b]" + form.metier.value + "\n\n"
+ "[/td][/tr][tr][td][color=orange]Carte d'identité[/color][/td][/tr][tr]"+ "[td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #BABABA;-webkit-box-shadow: 1px 1px 12px #BABABA; box-shadow: 1px 1px 12px #BABABA;']"
+ "[b]Depuis combien de temps possèdez vous votre calibra? :[/b]" + "\n\n"
+ form.allods.value + "\n\n";
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.race.length; i++)
{
if(form.race[i].checked == true) { txt_message +=  "[b]Quelle Race êtes vous ?[/b]" + "\n\n"
+ form.race[i].value + "\n\n"; }
}
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var k = 0; k < form.classe.length; k++)
{
if(form.classe[k].checked == true) { txt_message +=  "[b]Quelle Classe êtes vous ?[/b]" + "\n\n"
+ form.classe[k].value + "\n\n"; }
}
txt_message += "[center][b][color=orange]Avez vous été dans d'autre guilde ? Si oui, Pourquoi en être partis ? : [/color][/b][/center]" + form.motivations.value + "\n\n"
+ "[/td][/tr][tr][td][color=orange]Lanfear[/color][/td][/tr][tr]"+ "[td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #BABABA;-webkit-box-shadow: 1px 1px 12px #BABABA; box-shadow: 1px 1px 12px #BABABA;']"
+ "[center][b]Vos premières impressions de ce forum ? : [/center][/b]" + "\n\n"
+ form.lanfear.value + "\n\n"
+ "[center][color=orange][b]Quelles sont vos réelles motivations à rejoindre notre guilde ? [/b][/color][/center]" + "\n\n"
+ form.connais.value + "\n\n"
+ "[center][b]Présentez vous librement. Que ce soit vous derrière l'écran, ou bien votre personnage en jeu :[/b][/center]" + "\n\n"
+ form.role.value + "\n\n"
+ "[/td][/tr][tr][td][color=orange]Taverne des Racontars[/color][/td][/tr][tr]"+ "[td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #BABABA;-webkit-box-shadow: 1px 1px 12px #BABABA; box-shadow: 1px 1px 12px #BABABA;']"
+ "[center][b]Avez vous autre chose à dire ? : [/center][/b]" + "\n\n"
+ form.racontars.value + "\n\n"
+ "[/tr][/td][/table][/center]" + "\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="http://lanfear.mo-rpg.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="4" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Tera Luxia - Lanfear</span><br /><br />
<span style="font-size: 29px;  font-family: Time New Roman;  color:darkred;  margin-left: 100px;">Ma Postulation</span></div>
<br /><br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudonyme ?<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="metier">Quel est votre métier ?<i><br />( Information Optionnelle )</i></label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Carte d'identité</legend>
<table>
<tr>
<td class="left"><label for="allods">Depuis combien de temps<br /> jouez vous à Tera ?</label></td>
<td valign="bottom"><input type="text" name="allods" id="allods" size="40" maxlength="30"/></td>
</tr><tr>
<td class="left">Quelle race êtes vous ?:</td>
<td><input type="radio" name="race" value="Aman" id="Aman" /> <label for="Aman">Aman</label>
<input type="radio" name="race" value="Baraka" id="Baraka" /> <label for="Baraka">Baraka</label>
<input type="radio" name="race" value="Castanics" id="Castanics" /> <label for="Castanics">Castanics</label><br />
<input type="radio" name="race" value="Haut-Elfe" id="Haut-elfe" /> <label for="Haut-elfe">Haut-elfe</label><br />
<input type="radio" name="race" value="Humain" id="Humain" /> <label for="Humain">Humain</label><br />
<input type="radio" name="race" value="Popori" id="Popori" /> <label for="Popori">Popori</label><br />
<br /></td>
</tr><tr>
<td class="left">Quelle classe êtes vous ? :</td>
<td><input type="radio" name="classe" value="Guerrier" id="Guerrier"/> <label for="Guerrier">Guerrier</label><br />
<input type="radio" name="classe" value="Berzerker" id="Berzerker" /> <label for="Berzerker">Berzerker</label><br />
<input type="radio" name="classe" value="Pourfendeur" id="Pourfendeur"/> <label for="Pourfendeur">Pourfendeur</label><br />
<input type="radio" name="classe" value="Lancier" id="Lancier" /> <label for="Lancier">Lancier</label><br />
<input type="radio" name="classe" value="Archer" id="Archer" /> <label for="Archer">Archer</label><br />
<input type="radio" name="classe" value="Sorcier" id="Sorcier" /> <label for="Sorcier">Sorcier</label><br />
<input type="radio" name="classe" value="Mystique" id="Mystique" /> <label for="Mystique ">Mystique</label><br />
<input type="radio" name="classe" value="Prêtre" id="Pretre" /> <label for="Pretre">Prêtre</label><br />
<br /></td>
</tr><tr>
<td colspan="2"><label for="motivations">Avez vous été dans d'autre guilde ? Si oui, Pourquoi en être partis ?</label><br />
<textarea class="itextarea" name="motivations" id="motivations" cols="85" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Lanfear</legend>
<table><tr><br />
<td colspan="2"><label for="lanfear">Vos premières impressions sur ce forum ? Développez vos idées, vos sentiments. <br />
<center>Cela aide à régler les soucis !</center></label><br />
<textarea class="itextarea" name="lanfear" id="lanfear" cols="85" rows="6"></textarea></td>
</tr>
<tr>
<td colspan="2"><label for="connais"><center>Quelles sont vos réelles motivations à rejoindre notre guilde ? </center></label><br />
<textarea class="itextarea" name="connais" id="connais" cols="85" rows="6"></textarea></td>
</tr>
<tr>
<td colspan="2"><label for="role"><center>Présentez vous réellement. Possibilité de le faire façon RP. 5 lignes Facultatives.</center></label><br />
<textarea class="itextarea" name="role" id="role" cols="85" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Taverne des Racontars</legend>
<table><tr>
<td colspan="2"><label for="racontars"><center>Avez vous d'autre chose à nous raconter ?</center></label><br />
<textarea class="itextarea" name="racontars" id="racontars" cols="85" 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;">Le titre du sujet sera créé automatiquement !</span></label><br /><br />
<input type="submit" name="post" value="Créer !" /><br /></center>
</fieldset>
</form></div>

[mic43]

pas d'aides??

[Scoubifitz]

bonjour, bonsoir,

je veux bien aider !^^

pourriez vous éditer le 1er message , et mettre le code entre balises code ? ... merci ...

Code:

[code]contenu[/code]

qu'entendez vous par :

avec la possibilité,le cas écheant de rajouté un calibra 2 ou calibra 3 etc etc

un ou des champs supplémentaires ?

[mic43]

ok pour les champs supplémentaire (possibilité de les mettre optionnel?)

j'édite le premier message

[Scoubifitz]

bonsoir,

pour le moment , je vous propose ce code , à mettre dans une page HTML :
( il n'est pas encore fonctionnel , c'est juste pour savoir si c'est ce que vous voulez)

Code:

<style type="text/css">
.form {background-color:#000022;
font-size: 12px;
width: 700px;
margin:auto;
}
fieldset {
border:3px solid #ffffff;
border-radius:0 30px;
width: 550px;
margin:auto;
margin-bottom:10px;
}
.calibra td {
padding:10px;
}
legend,.title {
font-family: Times New Roman;
text-align:center;
padding:0 20px;
color: #FADBC0;
text-shadow: 1px 1px 5px #C9A87D;
font-size: 24px;
}
.title{
border:1px dashed #BABABA;
border-width:1px 0;
}
.left {display:block;
max-width:200px;
text-align:right;
}
td,label{
color:white;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message ="en phase de test" + "\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;
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="4" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 8px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">forum  Calibra</span><br /><br />
<span style="font-size: 29px;  font-family: Time New Roman;  color:#4D718E;text-shadow:0 0 20px white;  margin-left: 100px;">Ma Présentation</span></div>
<br /><br />

<fieldset><legend>Vous-même</legend>
<table class="calibra" cellspacing="0"><tr>
<td class="left"><label for="pseudo">Quel est votre Nom ?<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="metier">Quel est votre métier ?<i><br /></i></label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="temps">Depuis combien de temps roulez vous en calibra ?<i><br /></i></label></td>
<td><input type="text" name="temps" id="temps" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="Combien">Combien de calibra possédez-vous ?<i><br /></i></label></td>
<td><input type="text" name="Combien" id="Combien" size="40" maxlength="30" /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Votre Calibra</legend>
<table class="calibra">
<tr>
<td colspan="4" align="center"><div class="title">Votre voiture actuelle </div></td>
</tr><tr>
<td class="left"><label for="Annee">Année de la voiture :</label></td>
<td><input type="text" name="Annee" id="Annee" size="4" maxlength="30"/></td>
<td class="left"><label for="km">Kilomètres :</label></td>
<td><input type="text" name="km" id="km" size="20" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="Motorisation">Motorisation :</label></td>
<td><input type="text" name="Motorisation" id="Motorisation" size="8" maxlength="30"/></td>
<td class="left"><label for="Couleur">Couleur :</label></td>
<td><input type="text" name="Couleur" id="Couleur" size="15" maxlength="30"/></td>
</tr><tr>
<td class="left" valign="top"><label for="Modifs">Modifications : (optionnel)</label></td>
<td colspan="3"><textarea name="Modifs" id="Modifs" cols="45" rows="3"></textarea></td>
</tr><tr>
<td class="left" valign="top"><label for="Projet">Projet : (optionnel)</label></td>
<td colspan="3"><textarea name="Projet" id="Projet" cols="45" rows="3"></textarea></td>
</tr>
<tr>
<td colspan="4" align="center"><div class="title">Une autre Calibra ?</div>
Si vous n'avez pas d'autre Calibra , laissez les champs vides</td>
</tr><tr>
<td class="left"><label for="Annee2">Année de la voiture :</label></td>
<td><input type="text" name="Annee2" id="Annee2" size="4" maxlength="30"/></td>
<td class="left"><label for="km2">Kilomètres :</label></td>
<td><input type="text" name="km2" id="km2" size="20" maxlength="30"/></td>
</tr><tr>
<td class="left"><label for="Motorisation2">Motorisation :</label></td>
<td><input type="text" name="Motorisation2" id="Motorisation2" size="8" maxlength="30"/></td>
<td class="left" align="right"><label for="Couleur2">Couleur :</label></td>
<td><input type="text" name="Couleur2" id="Couleur2" size="15" maxlength="30"/></td>
</tr><tr>
<td class="left" valign="top"><label for="Modifs2">Modifications : (optionnel)</label></td>
<td colspan="3"><textarea name="Modifs2" id="Modifs2" cols="45" rows="3"></textarea></td>
</tr><tr>
<td class="left" valign="top"><label for="Projet2">Projet : (optionnel)</label></td>
<td colspan="3"><textarea name="Projet2" id="Projet2" cols="45" rows="3"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Pause café</legend>
<center><label for="Pause">Si vous avez plus de 2 Calibra , merci de les lister ci dessous ...<br />
Si votre garage contient d'autres trésors , ou tout simplement si <br />vous avez quelque chose à rajouter , profitez-en !</label><br />
<textarea class="itextarea" name="Pause" id="Pause" cols="60" rows="6"></textarea></center>
</fieldset>

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

[mic43]

ca me va très bien de la sorte

par contre,normal qu'on est autant d'éspace entre le titre et les espaces a remplir pour le moment ?

[Scoubifitz]

comme ça , c'est mieux ?

Code:

<style type="text/css">
.form {background-color:#000022;
width: 700px;
margin:auto;
}
fieldset {
border:3px solid #ffffff;
border-radius:0 20px;
width: 600px;
margin:auto;
margin-bottom:10px;
padding:10px 5px;
}
.calibra  {
width: 590px;
margin:auto;
}
legend,.title {
font-family: Times New Roman;
text-align:center;
padding:0 20px;
color: #FADBC0;
text-shadow: 1px 1px 5px #C9A87D;
font-size: 26px;
}
.title{
border:1px dashed #BABABA;
border-width:1px 0;
}
.calibra label {   
margin:3px;
vertical-align:top;
}

.calibra td, label{
color:white;
text-align:right;
font-size: 12px;
padding:3px 0;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message ="en phase de test" + "\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;
}
</script>
<div class="form">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="4" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 8px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">forum  Calibra</span><br /><br />
<span style="font-size: 29px;  font-family: Time New Roman;  color:#4D718E;text-shadow:0 0 20px white;  margin-left: 100px;">Ma Présentation</span></div>
<br /><br />

<fieldset><legend>Vous-même</legend>
<table class="calibra"><tr>
<td><label for="pseudo">Quel est votre Nom ?<i>( Apparaitra dans le titre )</i></label><input type="text" name="pseudo" id="pseudo" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="age">Quel est votre âge ?</label><input type="text" name="age" id="age" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="metier">Quel est votre métier ?</label><input type="text" name="metier" id="metier" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="temps">Depuis combien de temps roulez vous en calibra ?</label><input type="text" name="temps" id="temps" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="Combien">Combien de calibra possédez-vous ?</label><input type="text" name="Combien" id="Combien" size="30" maxlength="30" /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Votre Calibra</legend>
<table class="calibra">
<tr>
<td align="center"><br /><div class="title">Votre voiture actuelle </div><br /></td>
</tr><tr>
<td><label for="Annee">Année de la voiture : </label><input type="text" name="Annee" id="Annee" size="6" maxlength="30"/><label for="km">Kilomètres : </label><input type="text" name="km" id="km" size="20" maxlength="30"/></td>
</tr><tr>
<td><label for="Motorisation">Motorisation : </label><input type="text" name="Motorisation" id="Motorisation" size="12" maxlength="30"/><label for="Couleur">Couleur : </label><input type="text" name="Couleur" id="Couleur" size="20" maxlength="30"/></td>
</tr><tr>
<td valign="top"><label for="Modifs">Modifications : (optionnel)</label><textarea name="Modifs" id="Modifs" cols="30" rows="3"></textarea></td>
</tr><tr>
<td valign="top"><label for="Projet">Projet : (optionnel)</label><textarea name="Projet" id="Projet" cols="30" rows="3"></textarea></td>
</tr>
<tr>
<td align="center"><br /><div class="title">Une autre Calibra ?</div><br />
<span style="color:#FADBC0;margin-right:80px;">Si vous n'avez pas d'autre Calibra , laissez les champs vides</span><br /><br /></td>
</tr><tr>
<td><label for="Annee2">Année de la voiture : </label><input type="text" name="Annee2" id="Annee2" size="6" maxlength="30"/><label for="km2">Kilomètres : </label><input type="text" name="km2" id="km2" size="20" maxlength="30"/></td>
</tr><tr>
<td><label for="Motorisation2">Motorisation : </label><input type="text" name="Motorisation2" id="Motorisation2" size="12" maxlength="30"/><label for="Couleur2">Couleur : </label><input type="text" name="Couleur2" id="Couleur2" size="20" maxlength="30"/></td>
</tr><tr>
<td valign="top"><label for="Modifs2">Modifications : (optionnel)</label><textarea name="Modifs2" id="Modifs2" cols="30" rows="3"></textarea></td>
</tr><tr>
<td valign="top"><label for="Projet2">Projet : (optionnel)</label><textarea name="Projet2" id="Projet2" cols="30" rows="3"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Pause café</legend>
<center><label for="Pause">Si vous avez plus de 2 Calibra , merci de les lister ci dessous ...<br />
Si votre garage contient d'autres trésors , ou tout simplement si <br />vous avez quelque chose à rajouter , profitez-en !</label><br /><br />
<textarea name="Pause" id="Pause" cols="60" rows="6"></textarea></center>
</fieldset>

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

[mic43]

encore beaucoup de vide après votre calibra et vous meme

pareil pour finir si possibilité de mettre un saut de ligne entre les casses ou l'on repond car elles sont collé les unes aux autres

[Scoubifitz]

bonsoir,

pour le moment , je vous propose ce code , à mettre dans une page HTML :
( il n'est pas encore fonctionnel , c'est juste pour savoir si c'est ce que vous voulez)

euh ... vous le mettez bien dans une page HTML ?

Panneau admin - modules - gestions des pages HTML ...

[mic43]

effectivement ....

bon tout est parfait en dehors du titre de l'avant dernière section pause café si possible a remplacé par,
encore une autre?

merci en tout ca !

[Scoubifitz]

pas de soucis !^^

par contre il me faudra un peu de temps pour coder l'envoi ...

Avez-vous une fiche de présentation pré-définie ?

ou bien , on part de ce que vous avez posté ?

#Vous-même#

Nom:
Age:
profession:
localisation:
Depuis combien de temps roulez vous en calibra:
Combien de calibra possedez vous:

#Votre calibra#

Année de la voiture:
Motorisation:
Kilomètres:
Couleur:
Modification:
Projet:

[mic43]

il y aura qu'a partir de ce modèl ci , vu qu'on a rien d'autre

[Scoubifitz]

en attendant , pouvez-vous retourner à la page HTML , editer

et mettre "Voulez-vous utiliser le haut et le bas de page de votre forum ?" sur oui

( le code est prévu pour ce type d'affichage )

[mic43]

fait a l'instant
quel est l'utilité de faire ca?

[Scoubifitz]

Le code que j'ai fourni ne contient pas la structure d'une page Html , donc , pas de head ou de body ...

si ce code est inclus dans le "haut et bas de page" , cette structure est présente d'office ...

Si vous ne désirez pas le "haut et bas de page" , prévenez moi , que je puisse mettre la structure en place ...

[mic43]

c'était juste pour savoir merci

[Scoubifitz]

pendant que je prépare le code (d'ici demain) , il reste à regler la permission des formulaires dans le Panneau Admin :

panneau d'administration >> Général >> Sécurité >> Configuration de la sécurité >>
Interdire les formulaires non officiels à poster des messages et messages privés sur le forum : non

... pour éviter l'erreur #230 ...

[mic43]

[Scoubifitz]

Il reste un dernier point à éclaircir : le numéro du forum ou le message sera posté ...

pouvez vous coller le lien vers le forum en question ? (pas d'importance s'il n'est pas visible par les invités)

[mic43]

http://www.calibra-concept.net/f1-votre-presentation

[Scoubifitz]

bonjour,

Editez votre page HTML , et replacez entièrement le code par celui ci :

certains champs sont obligatoires , d'autres sont optionnels et n'apparaitront pas dans le message envoyé s'ils restent vides .

Code:

<style type="text/css">
<!--
.form {background-color:#000022;
width: 700px;
margin:auto;
}
fieldset {
border:3px solid #ffffff;
border-radius:0 20px;
width: 600px;
margin:auto;
margin-bottom:10px;
padding:10px 5px;
}
.calibra  {
width: 500px;
margin:auto;
}
legend,.title {
font-family: Times New Roman;
text-align:center;
padding:0 20px;
color: #FADBC0;
text-shadow: 1px 1px 5px #C9A87D;
font-size: 26px;
}
.title{
border:1px dashed #BABABA;
border-width:1px 0;
}
.calibra label {   
margin:3px;
vertical-align:top;
}
.calibra td, label{
color:white;
text-align:right;
font-size: 12px;
padding:3px 0;
}
-->
</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.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message ="[size=18][b][i][u]Vous-même[/u][/i][/b][/size]\n\n"
+ "[b]Nom : [/b]" + form.pseudo.value + '\n'
+ "[b]Age : [/b]" + form.age.value + '\n'
+ "[b]Profession : [/b]" + form.metier.value + '\n'
+ "[b]Localisation : [/b]" + form.localise.value + '\n'
+ "[b]Depuis combien de temps roulez vous en Calibra : [/b]" + form.temps.value + '\n'
+ "[b]Combien de Calibra possédez vous : [/b]" + form.Combien.value + '\n\n'
+ "[size=18][b][i][u]Votre Calibra du moment[/u][/i][/b][/size]\n\n"
+ "[b]Année de la voiture : [/b]" + form.Annee.value + '\n'
+ "[b]Motorisation : [/b]" + form.Motorisation.value + '\n'
+ "[b]Kilomètres : [/b]" + form.km.value + '\n'
+ "[b]Couleur : [/b]" + form.Couleur.value + '\n';
if(form.Modifs.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "[b]Modification : [/b]\n" + form.Modifs.value + '\n';
if(form.Projet.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "[b]Projet : [/b]\n" + form.Projet.value + '\n';
if(form.Annee2.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "\n[size=18][b][i][u]Votre deuxième Calibra[/u][/i][/b][/size]\n\n"
+ "[b]Année de la voiture : [/b]" + form.Annee2.value + '\n'
+ "[b]Motorisation : [/b]" + form.Motorisation2.value + '\n'
+ "[b]Kilomètres : [/b]" + form.km2.value + '\n'
+ "[b]Couleur : [/b]" + form.Couleur2.value + '\n';
if(form.Modifs2.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "[b]Modification : [/b]\n" + form.Modifs2.value + '\n';
if(form.Projet2.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "[b]Projet : [/b]\n" + form.Projet2.value + '\n';
if(form.Pause.value != "") /* Seulement si le champ n'a pas été laissé vide */
txt_message += "\n[b]Quoi d'autre : [/b]" + form.Pause.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="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="4" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 8px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">forum  Calibra</span><br /><br />
<span style="font-size:29px; font-family:Time New Roman; color:#4D718E; text-shadow:0 0 20px white; margin-left:100px;">Ma Présentation</span></div>
<br /><br />

<fieldset><legend>Vous-même</legend>
<table class="calibra"><tr>
<td><label for="pseudo">Quel est votre Nom ?<i>( Apparaitra dans le titre )</i></label>
<input type="text" name="pseudo" id="pseudo" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="age">Quel est votre âge ?</label>
<input type="text" name="age" id="age" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="metier">Quel est votre métier ?</label>
<input type="text" name="metier" id="metier" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="localise">Où habitez vous ?</label>
<input type="text" name="localise" id="localise" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="temps">Depuis combien de temps roulez vous en calibra ?</label>
<input type="text" name="temps" id="temps" size="30" maxlength="30" /></td>
</tr><tr>
<td><label for="Combien">Combien de calibra possédez-vous ?</label>
<input type="text" name="Combien" id="Combien" size="30" maxlength="30" /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Votre Calibra</legend>
<table class="calibra">
<tr>
<td align="center"><br /><div class="title">Votre voiture actuelle </div><br /></td>
</tr><tr>
<td><label for="Annee">Année de la voiture : </label>
<input type="text" name="Annee" id="Annee" size="6" maxlength="30"/>
<label for="km">Kilomètres : </label>
<input type="text" name="km" id="km" size="20" maxlength="30"/></td>
</tr><tr>
<td><label for="Motorisation">Motorisation : </label>
<input type="text" name="Motorisation" id="Motorisation" size="12" maxlength="30"/>
<label for="Couleur">Couleur : </label>
<input type="text" name="Couleur" id="Couleur" size="20" maxlength="30"/></td>
</tr><tr>
<td valign="top"><label for="Modifs">Modifications : (optionnel)</label>
<textarea name="Modifs" id="Modifs" cols="30" rows="3"></textarea></td>
</tr><tr>
<td valign="top"><label for="Projet">Projet : (optionnel)</label>
<textarea name="Projet" id="Projet" cols="30" rows="3"></textarea></td>
</tr>
<tr>
<td align="center"><br /><div class="title">Une autre Calibra ?</div><br />
<span style="color:#FADBC0;margin-right:80px;">Si vous n'avez pas d'autre Calibra , laissez les champs vides</span><br /><br /></td>
</tr><tr>
<td><label for="Annee2">Année de la voiture : </label>
<input type="text" name="Annee2" id="Annee2" size="6" maxlength="30"/>
<label for="km2">Kilomètres : </label>
<input type="text" name="km2" id="km2" size="20" maxlength="30"/></td>
</tr><tr>
<td><label for="Motorisation2">Motorisation : </label>
<input type="text" name="Motorisation2" id="Motorisation2" size="12" maxlength="30"/>
<label for="Couleur2">Couleur : </label>
<input type="text" name="Couleur2" id="Couleur2" size="20" maxlength="30"/></td>
</tr><tr>
<td valign="top"><label for="Modifs2">Modifications : (optionnel)</label>
<textarea name="Modifs2" id="Modifs2" cols="30" rows="3"></textarea></td>
</tr><tr>
<td valign="top"><label for="Projet2">Projet : (optionnel)</label>
<textarea name="Projet2" id="Projet2" cols="30" rows="3"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Encore une autre?</legend>
<center><label for="Pause">Si vous avez plus de 2 Calibra , merci de les lister ci dessous ...<br />
Si votre garage contient d'autres trésors , ou tout simplement si <br />
vous avez quelque chose à rajouter , profitez-en !</label><br /><br />

<textarea name="Pause" id="Pause" cols="60" rows="6"></textarea></center>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br />
<span style="color:red;" id="errormsg"></span><br />
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br /><br />

<input type="submit" name="post" value="Créer !" /><br />
</center>
</fieldset><br /><br />

</form></div>

[mic43]

code placé

par contre comment cela fonctionne t il pour le mettre en place sur le forum après?

merci

[Scoubifitz]

le plus simple est de copier le lien de la page HTML :

http://www.calibra-concept.net/h4-

et de placer ce lien dans une annonce , un Note , ou la description du forum ...

[mic43]

juste une dernière question,après ce serra parfait,si je veux changer la couleur du texte pour par exemple faire ressortir "vous meme" et "votre calibra"

comment éffectué et ou mettre le code couleur dans le code?

[Scoubifitz]

Si c'est dans le formulaire ,
repérez ceci dans la partie "style" pour la couleur et l'ombre :

legend,.title {
font-family: Times New Roman;
text-align:center;
padding:0 20px;
color: #FADBC0;
text-shadow: 1px 1px 5px #C9A87D;
font-size: 26px;
}

[mic43]

impeccable merci beaucoup scoubifitz en tout ca !!! super boulot !!

ps: si tu t'ennuie je cherche un code pour que ma bannière sois réactive ici
https://forum.forumactif.com/t335496-banniere-reactive

on ne sait jamais

[mic43]

up du post

petit problème dont je viens de m'apercevoir ,
le post se crée dans la section photo et non présentation
j'ai bien essayé de modifié le code sans succès

[Alex Fowl]

Bonjour,

Dans votre page html, recherchez cette partie :

Code:

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

Et remplacez là par :

Code:

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

Cordialement,

[mic43]

impeccable cette fois ca m'a l'air de fonctionné au poil

merci