Formulaire de présentation

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

Résolu Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:22

Bonjour j'ai fais un formulaire grâce à un site mais je sais pas comment mettre sur mon forum (quand on clique sur présentation sa met directe se formulaire et quand on fais submit ou envoyer sa poste seul: sa ouvre un nouveau sujet seul). Je sais c'est dur mais bon.

Je vous donne le lien de mon pack à dowload (ne copier pas les autres):

Pack clique ici


Dernière édition par K-Surf le Mer 15 Juin 2011 - 12:00, édité 1 fois

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:24

Voici le code source du formulaire.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulaire de présentation</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
 
</head>
<body id="main_body" >
   
   <img id="top" src="top.png" alt="">
   <div id="form_container">
   
      <h1><a>Formulaire de présentation</a></h1>
      <form id="form_187820" class="appnitro"  method="post" action="">
               <div class="form_description">
         <h2>Formulaire de présentation</h2>
         <p>Merci de répondre à tous les champs ou si vous ne voulez pas copier/coller ceci:  "Non précisez3</p>
      </div>                  
         <ul >
         
               <li id="li_1" >
      <label class="description" for="element_1">Ton nom et ton prénon </label>
      <span>
         <input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
         <label>First</label>
      </span>
      <span>
         <input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
         <label>Last</label>
      </span>
      </li>      <li id="li_2" >
      <label class="description" for="element_2">Tu est un? </label>
      <span>
         <input id="element_2_1" name="element_2" class="element radio" type="radio" value="1" />
<label class="choice" for="element_2_1">Garçon</label>
<input id="element_2_2" name="element_2" class="element radio" type="radio" value="2" />
<label class="choice" for="element_2_2">Fille</label>
<input id="element_2_3" name="element_2" class="element radio" type="radio" value="3" checked="checked"/>
<label class="choice" for="element_2_3">Sans sexe</label>
 
      </span>
      </li>      <li id="li_3" >
      <label class="description" for="element_3">Ton niveau de graphisme selon toi? </label>
      <span>
         <input id="element_3_1" name="element_3_1" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_1">Expert</label>
<input id="element_3_2" name="element_3_2" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_2">Pro</label>
<input id="element_3_3" name="element_3_3" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_3">Bon</label>
<input id="element_3_4" name="element_3_4" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_4">Amateur</label>
<input id="element_3_5" name="element_3_5" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_5">Débutant</label>
<input id="element_3_6" name="element_3_6" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_6">Apprentis</label>
 
      </span>
      </li>      <li id="li_4" >
      <label class="description" for="element_4">Comment à tu connu le forum? </label>
      <span>
         <input id="element_4_1" name="element_4" class="element radio" type="radio" value="1" />
<label class="choice" for="element_4_1">Google/yahoo/bing...</label>
<input id="element_4_2" name="element_4" class="element radio" type="radio" value="2" />
<label class="choice" for="element_4_2">Annuaire forumactif/ top site</label>
<input id="element_4_3" name="element_4" class="element radio" type="radio" value="3" />
<label class="choice" for="element_4_3">Par discussion dans des forums</label>
 
      </span><p class="guidelines" id="guide_4"><small>Si tu as connu le forum d'une autre manière ne coche rien.</small></p>
      </li>      <li id="li_5" >
      <label class="description" for="element_5">Ton logiciel utilisé: </label>
      <div>
      <select class="element select medium" id="element_5" name="element_5">
         <option value="" selected="selected"></option>
<option value="1" >Photoshop CS3</option>
<option value="2" >Photoshop CS4</option>
<option value="3" >Photoshop CS5</option>
<option value="4" >Photoshop element 6</option>
<option value="5" >The Gimp</option>
<option value="6" >Photofiltre</option>
<option value="7" >Autres</option>
 
      </select>
      </div>
      </li>
         
               <li class="buttons">
             <input type="hidden" name="form_id" value="187820" />
            
            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
      </li>
         </ul>
      </form>   
      <div id="footer">
      </div>
   </div>
   <img id="bottom" src="bottom.png" alt="">
   </body>
</html>

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Invité le Ven 10 Juin 2011 - 19:25

Bonsoir,

Peut-être que ce sujet : http://forum.forumactif.com/t305034-formulaire-de-presentation?highlight=formulaire pourrait vous aider à insérer votre formulaire sur votre forum.

Cordialement

Invité
Invité


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

Résolu Re: Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:27

Désolez mais sa me donne encore d'autre lien a aller voir et j'y comprend rien. Je sais je suis une lock en codage.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Invité le Ven 10 Juin 2011 - 19:28

Re,

Je pense pourtant que ce post pourrait vous être d'une grande aide si vous suivez les explications fournies par scoubifitz au membre qui a posté le topic.

Cordialement

Invité
Invité


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

Résolu Re: Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:29

Ok je vais essayer

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:37

Désolez j'y comprend rien voilà mon code à la fin (ma page HTML)
Code:
<form action="http://tuto-graphisme.forumactif.fr/posting.forum" 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="2" /> <!-- ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulaire de présentation</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
 
</head>
<body id="main_body" >
   
   <img id="top" src="top.png" alt="">
   <div id="form_container">
   
      <h1><a>Formulaire de présentation</a></h1>
      <form id="form_187820" class="appnitro"  method="post" action="">
               <div class="form_description">
         <h2>Formulaire de présentation</h2>
         <p>Merci de répondre à tous les champs ou si vous ne voulez pas copier/coller ceci:  "Non précisez"</p>
      </div>                  
         <ul >
         
               <li id="li_1" >
      <label class="description" for="element_1">Ton nom et ton prénon </label>
      <span>
         <input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
         <label>First</label>
      </span>
      <span>
         <input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
         <label>Last</label>
      </span>
      </li>      <li id="li_2" >
      <label class="description" for="element_2">Tu est un? </label>
      <span>
         <input id="element_2_1" name="element_2" class="element radio" type="radio" value="1" />
<label class="choice" for="element_2_1">Garçon</label>
<input id="element_2_2" name="element_2" class="element radio" type="radio" value="2" />
<label class="choice" for="element_2_2">Fille</label>
<input id="element_2_3" name="element_2" class="element radio" type="radio" value="3" checked="checked"/>
<label class="choice" for="element_2_3">Sans sexe</label>
 
      </span>
      </li>      <li id="li_3" >
      <label class="description" for="element_3">Ton niveau de graphisme selon toi? </label>
      <span>
         <input id="element_3_1" name="element_3_1" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_1">Expert</label>
<input id="element_3_2" name="element_3_2" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_2">Pro</label>
<input id="element_3_3" name="element_3_3" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_3">Bon</label>
<input id="element_3_4" name="element_3_4" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_4">Amateur</label>
<input id="element_3_5" name="element_3_5" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_5">Débutant</label>
<input id="element_3_6" name="element_3_6" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_3_6">Apprentis</label>
 
      </span>
      </li>      <li id="li_4" >
      <label class="description" for="element_4">Comment à tu connu le forum? </label>
      <span>
         <input id="element_4_1" name="element_4" class="element radio" type="radio" value="1" />
<label class="choice" for="element_4_1">Google/yahoo/bing...</label>
<input id="element_4_2" name="element_4" class="element radio" type="radio" value="2" />
<label class="choice" for="element_4_2">Annuaire forumactif/ top site</label>
<input id="element_4_3" name="element_4" class="element radio" type="radio" value="3" />
<label class="choice" for="element_4_3">Par discussion dans des forums</label>
 
      </span><p class="guidelines" id="guide_4"><small>Si tu as connu le forum d'une autre manière ne coche rien.</small></p>
      </li>      <li id="li_5" >
      <label class="description" for="element_5">Ton logiciel utilisé: </label>
      <div>
      <select class="element select medium" id="element_5" name="element_5">
         <option value="" selected="selected"></option>
<option value="1" >Photoshop CS3</option>
<option value="2" >Photoshop CS4</option>
<option value="3" >Photoshop CS5</option>
<option value="4" >Photoshop element 6</option>
<option value="5" >The Gimp</option>
<option value="6" >Photofiltre</option>
<option value="7" >Autres</option>
 
      </select>
      </div>
      </li>
         
               <li class="buttons">
             <input type="hidden" name="form_id" value="187820" />
            
            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
      </li>
         </ul>
      </form>   
      <div id="footer"> 
      </div>
   </div>
   <img id="bottom" src="bottom.png" alt="">
   </body>
</html>


Et je dois placer ma partie design du formulaire:

Code:
body
{
   background:#669900;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
}

#form_container
{
   background:#fff;
   
   margin:0 auto;
   text-align:left;
   width:640px;
}

#top
{
   display:block;
   height:10px;
   margin:10px auto 0;
   width:650px;
}

#footer
{
   width:640px;
   clear:both;
   color:#999999;
   text-align:center;
   width:640px;
   padding-bottom: 15px;
   font-size: 85%;
}

#footer a{
   color:#999999;
   text-decoration: none;
   border-bottom: 1px dotted #999999;
}

#bottom
{
   display:block;
   height:10px;
   margin:0 auto;
   width:650px;
}

form.appnitro
{
   margin:20px 20px 0;
   padding:0 0 20px;
}

/**** Logo Section  *****/
h1
{
   background-color:#99CC00;
   margin:0;
   min-height:0;
   padding:0;
   text-decoration:none;
   text-indent:-8000px;
   
}

h1 a
{
   
   display:block;
   height:100%;
   min-height:40px;
   overflow:hidden;
}


img
{
   behavior:url(css/iepngfix.htc);
   border:none;
}


/**** Form Section ****/
.appnitro
{
   font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
}

.appnitro li
{
   width:61%;
}

form ul
{
   font-size:100%;
   list-style-type:none;
   margin:0;
   padding:0;
   width:100%;
}

form li
{
   display:block;
   margin:0;
   padding:4px 5px 2px 9px;
   position:relative;
}

form li:after
{
   clear:both;
   content:".";
   display:block;
   height:0;
   visibility:hidden;
}

.buttons:after
{
   clear:both;
   content:".";
   display:block;
   height:0;
   visibility:hidden;
}

.buttons
{
   clear:both;
   display:block;
   margin-top:10px;
}

* html form li
{
   height:1%;
}

* html .buttons
{
   height:1%;
}

* html form li div
{
   display:inline-block;
}

form li div
{
   color:#444;
   margin:0 4px 0 0;
   padding:0 0 8px;
}

form li span
{
   color:#444;
   float:left;
   margin:0 4px 0 0;
   padding:0 0 8px;
}

form li div.left
{
   display:inline;
   float:left;
   width:48%;
}

form li div.right
{
   display:inline;
   float:right;
   width:48%;
}

form li div.left .medium
{
   width:100%;
}

form li div.right .medium
{
   width:100%;
}

.clear
{
   clear:both;
}

form li div label
{
   clear:both;
   color:#444;
   display:block;
   font-size:9px;
   line-height:9px;
   margin:0;
   padding-top:3px;
}

form li span label
{
   clear:both;
   color:#444;
   display:block;
   font-size:9px;
   line-height:9px;
   margin:0;
   padding-top:3px;
}

form li .datepicker
{
   cursor:pointer !important;
   float:left;
   height:16px;
   margin:.1em 5px 0 0;
   padding:0;
   width:16px;
}

.form_description
{
   border-bottom:1px dotted #ccc;
   clear:both;
   display:inline-block;
   margin:0 0 1em;
}

.form_description[class]
{
   display:block;
}

.form_description h2
{
   clear:left;
   font-size:160%;
   font-weight:400;
   margin:0 0 3px;
}

.form_description p
{
   font-size:95%;
   line-height:130%;
   margin:0 0 12px;
}

form hr
{
   display:none;
}

form li.section_break
{
   border-top:1px dotted #ccc;
   margin-top:9px;
   padding-bottom:0;
   padding-left:9px;
   padding-top:13px;
   width:97% !important;
}

form ul li.first
{
   border-top:none !important;
   margin-top:0 !important;
   padding-top:0 !important;
}

form .section_break h3
{
   font-size:110%;
   font-weight:400;
   line-height:130%;
   margin:0 0 2px;
}

form .section_break p
{
   font-size:85%;

   margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
   overflow:visible;
   padding:0 7px;
   width:auto;
}

.buttons input
{
   font-size:120%;
   margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
   border:none;
   color:#222;
   display:block;
   font-size:95%;
   font-weight:700;
   line-height:150%;
   padding:0 0 1px;
}

span.symbol
{
   font-size:115%;
   line-height:130%;
}

input.text
{
   background:#fff url(../../../images/shadow.gif) repeat-x top;
   border-bottom:1px solid #ddd;
   border-left:1px solid #c3c3c3;
   border-right:1px solid #c3c3c3;
   border-top:1px solid #7c7c7c;
   color:#333;
   font-size:100%;
   margin:0;
   padding:2px 0;
}

input.file
{
   color:#333;
   font-size:100%;
   margin:0;
   padding:2px 0;
}

textarea.textarea
{
   background:#fff url(../../../images/shadow.gif) repeat-x top;
   border-bottom:1px solid #ddd;
   border-left:1px solid #c3c3c3;
   border-right:1px solid #c3c3c3;
   border-top:1px solid #7c7c7c;
   color:#333;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:100%;
   margin:0;
   width:99%;
}

select.select
{
   color:#333;
   font-size:100%;
   margin:1px 0;
   padding:1px 0 0;
   background:#fff url(../../../images/shadow.gif) repeat-x top;
   border-bottom:1px solid #ddd;
   border-left:1px solid #c3c3c3;
   border-right:1px solid #c3c3c3;
   border-top:1px solid #7c7c7c;
}


input.currency
{
   text-align:right;
}

input.checkbox
{
   display:block;
   height:13px;
   line-height:1.4em;
   margin:6px 0 0 3px;
   width:13px;
}

input.radio
{
   display:block;
   height:13px;
   line-height:1.4em;
   margin:6px 0 0 3px;
   width:13px;
}

label.choice
{
   color:#444;
   display:block;
   font-size:100%;
   line-height:1.4em;
   margin:-1.55em 0 0 25px;
   padding:4px 0 5px;
   width:90%;
}

select.select[class]
{
   margin:0;
   padding:1px 0;
}

*:first-child+html select.select[class]
{
   margin:1px 0;
}

.safari select.select
{
   font-size:120% !important;
   margin-bottom:1px;
}

input.small
{
   width:25%;
}

select.small
{
   width:25%;
}

input.medium
{
   width:50%;
}

select.medium
{
   width:50%;
}

input.large
{
   width:99%;
}

select.large
{
   width:100%;
}

textarea.small
{
   height:5.5em;
}

textarea.medium
{
   height:10em;
}

textarea.large
{
   height:20em;
}

/**** Errors ****/
#error_message
{
   background:#fff;
   border:1px dotted red;
   margin-bottom:1em;
   padding-left:0;
   padding-right:0;
   padding-top:4px;
   text-align:center;
   width:99%;
}

#error_message_title
{
   color:#DF0000;
   font-size:125%;
   margin:7px 0 5px;
   padding:0;
}

#error_message_desc
{
   color:#000;
   font-size:100%;
   margin:0 0 .8em;
}

#error_message_desc strong
{
   background-color:#FFDFDF;
   color:red;
   padding:2px 3px;
}

form li.error
{
   background-color:#FFDFDF !important;
   border-bottom:1px solid #EACBCC;
   border-right:1px solid #EACBCC;
   margin:3px 0;
}

form li.error label
{
   color:#DF0000 !important;
}

form p.error
{
   clear:both;
   color:red;
   font-size:10px;
   font-weight:700;
   margin:0 0 5px;
}

form .required
{
   color:red;
   float:none;
   font-weight:700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
   background-color:#fff7c0;
}

form .guidelines
{
   background:#f5f5f5;
   border:1px solid #e6e6e6;
   color:#444;
   font-size:80%;
   left:100%;
   line-height:130%;
   margin:0 0 0 8px;
   padding:8px 10px 9px;
   position:absolute;
   top:0;
   visibility:hidden;
   width:42%;
   z-index:1000;
}

form .guidelines small
{
   font-size:105%;
}

form li.highlighted .guidelines
{
   visibility:visible;
}

form li:hover .guidelines
{
   visibility:visible;
}

.no_guidelines .guidelines
{
   display:none !important;
}

.no_guidelines form li
{
   width:97%;
}

.no_guidelines li.section
{
   padding-left:9px;
}

/*** Success Message ****/
.form_success
{
   clear: both;
   margin: 0;
   padding: 90px 0pt 100px;
   text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
    margin-top:60px;
    margin-bottom: 60px;
    text-align: center;
}
.password h2{
    color:#DF0000;
    font-weight:bold;
    margin:0pt auto 10px;
}

.password input.text {
  font-size:170% !important;
  width:380px;
  text-align: center;
}
.password label{
  display:block;
  font-size:120% !important;
  padding-top:10px;
  font-weight:bold;
}

#li_captcha{
  padding-left: 5px;
}


#li_captcha span{
   float:none;
}

/** Embedded Form **/

.embed #form_container{
   border: none;
}

.embed #top, .embed #bottom, .embed h1{
   display: none;
}

.embed #form_container{
   width: 100%;
}

.embed #footer{
   text-align: left;
   padding-left: 10px;
   width: 99%;
}

.embed #footer.success{
   text-align: center;
}

.embed form.appnitro
{
   margin:0px 0px 0;
   
}



/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button {
text-align: center;   
padding: 2px;         
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title {
font-weight: bold;     
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow {
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames {
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name {
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend {
color: #666;
}

.calendar thead .hilite {
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active {
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day {
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite {
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active {
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend {
color: #666;
}

.calendar tbody td.today {
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
visibility: hidden;
}

.calendar tbody .emptyrow {
display: none;
}

.calendar tfoot .footrow {
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip {
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite {
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active {
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}

Dans les feuilles de styles CSS?

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Invité le Ven 10 Juin 2011 - 19:44

Re,

alors oui, la partie design du formulaire doit se trouver dans la feuille de style CSS.

Cordialement

Invité
Invité


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

Résolu Re: Formulaire de présentation

Message par K-Surf le Ven 10 Juin 2011 - 19:47

Mais pour l'autre partie comment faire? Je veux mettre le générateur en lien et quand on clic sa ouvre file le lien du formulaire dans une page puis quand on met envoyer sa crée un news topic avec comme titre Présentation de la personne en question dans la parti présentation. Est possible et comment le faire?

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par K-Surf le Dim 12 Juin 2011 - 13:40

Up personne pour m'aider

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par K-Surf le Mar 14 Juin 2011 - 15:55

Up

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Invité le Mar 14 Juin 2011 - 18:12

Bonsoir,

Je suis navrée, pour ma part, je ne peux aller plus loin dans l'aide que je peux vous apporter. Par contre de nombreux sujets ont récemment eu pour sujet la mise en place du même type de formulaire. Peut-être pourriez-vous dans un 1er temps faire une recherche de ces sujets sur le forum avant que quelqu'un ne puisse vous apporter une aide concrète.

Cordialement

Invité
Invité


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

Résolu Re: Formulaire de présentation

Message par K-Surf le Mar 14 Juin 2011 - 18:26

Ok ne fermez pas se sujet s'il vous plaît je vais chercher et je vous tiens au courant.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Sen Hime le Mar 14 Juin 2011 - 20:33

Bonjour, voici ce que donnerait votre code adapté :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulaire de présentation</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
 
</head>
<body id="main_body" >
  <script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Nom :[/b] " + form.element_1_2.value + '\n'
              + "[b]Prénom :[/b] " + form.element_1_1.value + '\n'
              + "[b]Genre :[/b] ";
              // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
              if(form.element_2[0].checked == true) txt_message = txt_message + "Garçon";
           else if(form.element_2[1].checked == true) txt_message = txt_message + "Fille\n";
           else if(form.element_2[2].checked == true) txt_message = txt_message + "Sans sexe\n";
           txt_message = txt_message + "[b]Niveau en graphisme :[/b]\n[list]";
              // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
              for(var i = 0; i < form.niveaux.length; i++)
              {
                  if(form.niveaux[i].checked == true) { txt_message = txt_message + '[*]' + form.niveaux[i].value + '\n'; }
              }
              txt_message = txt_message + "[/list][b]Découverte du forum :[/b] ";
              // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
              if(form.element_4[0].checked == true) txt_message = txt_message + "Google/Yahoo/Bing/...\n";
           else if(form.element_4[1].checked == true) txt_message = txt_message + "Annuaire forumactif/ top site\n";
           else if(form.element_4[2].checked == true) txt_message = txt_message + "Par discussion dans des forums\n";
           else txt_message = txt_message + "Autre\n";
              txt_message = txt_message + "[b]Logiciel utilisé[/b] : " + form.element_5.value + '\n';
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
  // Insérer le titre du sujet :
  form.subject.value = "Présentation de " + form.element_1_1.value + " " + form.element_1_2.value;
  return true;
}
</script>

  <img id="top" src="top.png" alt="">
  <div id="form_container">
 
      <h1><a>Formulaire de présentation</a></h1>
      <form id="form_187820" class="appnitro" action="http://tuto-graphisme.forumactif.fr/post" method="post" name="post" enctype="multipart/form-data" onSubmit="javascript:envoiMessage(this);">
     <!-- Champs cachés -->
     <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="2" /> <!-- ID du forum dans lequel le message sera posté-->
      <input type="hidden" name="subject" value="" />
     <!-- Fin des champs cachés -->
              <div class="form_description">
        <h2>Formulaire de présentation</h2>
        <p>Merci de répondre à tous les champs ou si vous ne voulez pas copier/coller ceci:  "Non précisez"</p>
      </div>                 
        <ul >
       
              <li id="li_1" >
      <label class="description" for="element_1">Ton nom et ton prénon </label>
      <span>
        <input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
        <label>First</label>
      </span>
      <span>
        <input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
        <label>Last</label>
      </span>
      </li>      <li id="li_2" >
      <label class="description" for="element_2">Tu est un? </label>
      <span>
        <input id="element_2_1" name="element_2" class="element radio" type="radio" value="1" />
<label class="choice" for="element_2_1">Garçon</label>
<input id="element_2_2" name="element_2" class="element radio" type="radio" value="2" />
<label class="choice" for="element_2_2">Fille</label>
<input id="element_2_3" name="element_2" class="element radio" type="radio" value="3" checked="checked"/>
<label class="choice" for="element_2_3">Sans sexe</label>
 
      </span>
      </li>      <li id="li_3" >
      <label class="description" for="element_3">Ton niveau de graphisme selon toi? </label>
      <span>
        <input id="element_3_1" name="element_3_1" class="element checkbox" type="checkbox" value="Expert" />
<label class="choice" for="element_3_1">Expert</label>
<input id="element_3_2" name="niveaux" class="element checkbox" type="checkbox" value="Pro" />
<label class="choice" for="element_3_2">Pro</label>
<input id="element_3_3" name="niveaux" class="element checkbox" type="checkbox" value="Bon" />
<label class="choice" for="element_3_3">Bon</label>
<input id="element_3_4" name="niveaux" class="element checkbox" type="checkbox" value="Amateur" />
<label class="choice" for="element_3_4">Amateur</label>
<input id="element_3_5" name="niveaux" class="element checkbox" type="checkbox" value="Débutant" />
<label class="choice" for="element_3_5">Débutant</label>
<input id="element_3_6" name="niveaux" class="element checkbox" type="checkbox" value="Apprentis" />
<label class="choice" for="element_3_6">Apprentis</label>
 
      </span>
      </li>      <li id="li_4" >
      <label class="description" for="element_4">Comment à tu connu le forum? </label>
      <span>
        <input id="element_4_1" name="element_4" class="element radio" type="radio" value="1" />
<label class="choice" for="element_4_1">Google/yahoo/bing...</label>
<input id="element_4_2" name="element_4" class="element radio" type="radio" value="2" />
<label class="choice" for="element_4_2">Annuaire forumactif/ top site</label>
<input id="element_4_3" name="element_4" class="element radio" type="radio" value="3" />
<label class="choice" for="element_4_3">Par discussion dans des forums</label>
 
      </span><p class="guidelines" id="guide_4"><small>Si tu as connu le forum d'une autre manière ne coche rien.</small></p>
      </li>      <li id="li_5" >
      <label class="description" for="element_5">Ton logiciel utilisé: </label>
      <div>
      <select class="element select medium" id="element_5" name="element_5">
        <option value="" selected="selected"></option>
<option value="Photoshop CS3" >Photoshop CS3</option>
<option value="Photoshop CS4" >Photoshop CS4</option>
<option value="Photoshop CS5" >Photoshop CS5</option>
<option value="Photoshop element 6" >Photoshop element 6</option>
<option value="The Gimp" >The Gimp</option>
<option value="Photofiltre" >Photofiltre</option>
<option value="Autres" >Autres</option>
 
      </select>
      </div>
      </li>
       
              <li class="buttons">
            <input type="hidden" name="form_id" value="187820" />
           
            <input id="saveForm" class="button_text" type="submit" name="post" value="Submit" />
      </li>
        </ul>
      </form> 
      <div id="footer">
      </div>
  </div>
  <img id="bottom" src="bottom.png" alt="">
  </body>
</html>

  • Adaptation du formulaire pour que l'envoi se fasse vers Forumactif (vous aviez ajouté une balise form, il faut plutôt adapter celle de votre formulaire)
  • Correction de certains champs du formulaire
  • Ajout de la fonction javascript qui met en forme le contenu du formulaire pour le poster

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par K-Surf le Mer 15 Juin 2011 - 11:59

Ha merci beaucoup

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

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


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