Accueil
Créer un forumGénérateur de présentation
4 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 1 • Partagez
Générateur de présentation
par K-Surf Sam 1 Oct 2011 - 19:41
Boonjour,
J'ai fais un générateur de présentation mais j'aimerais qu'il ouvre seul un topic, qu'il le remplisse qu'il le poste à cette endroit: http://illusion-graph.forumactif.fr/f9-presentation
Le lien pour créer un nouveau message dans cette catégorie est http://illusion-graph.forumactif.fr/post?f=9&mode=newtopic
Donc je poste mon formulaire j'ai mis CSS et HTML ensemble: (ceux qui connaissent merci de poster pour que sa s'affiche pour pas de vole).
Merci d'avance
J'ai fais un générateur de présentation mais j'aimerais qu'il ouvre seul un topic, qu'il le remplisse qu'il le poste à cette endroit: http://illusion-graph.forumactif.fr/f9-presentation
Le lien pour créer un nouveau message dans cette catégorie est http://illusion-graph.forumactif.fr/post?f=9&mode=newtopic
Donc je poste mon formulaire j'ai mis CSS et HTML ensemble: (ceux qui connaissent merci de poster pour que sa s'affiche pour pas de vole).
Merci d'avance
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par Witzz Sam 1 Oct 2011 - 19:48
Nous ne pouvons pas accéder à votre forum car celui-ci est bloqué aux invités...
Witzz- *****
-
Messages : 841
Inscrit(e) le : 30/06/2011 -
Re: Générateur de présentation
par K-Surf Sam 1 Oct 2011 - 19:50
Oui vous avez pas besoin de le voir lol, juste faire le lien avec l'adresse donner.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Sam 1 Oct 2011 - 20:01
Re-Bonsoir K-Surf,
Avez-vous une idée du rendu que vous voulez avoir dans le post une fois celui-ci créé par le formulaire ?
Cordialement.
Avez-vous une idée du rendu que vous voulez avoir dans le post une fois celui-ci créé par le formulaire ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Générateur de présentation
par K-Surf Sam 1 Oct 2011 - 20:40
Donc le titre devra être Présentation Pseudo (du formulaire).
Ensuite le titre du formulaire que je vais poster en dessous faut que le K-Surf soit remplacer par le pseudo de la personne (si c'est possible).
Et pourquoi les caractères spéciaux s'affiche mal?
*
Merci d'vance.
PS: Je vais changer les couleurs moi.
Ensuite le titre du formulaire que je vais poster en dessous faut que le K-Surf soit remplacer par le pseudo de la personne (si c'est possible).
Et pourquoi les caractères spéciaux s'affiche mal?
*
Merci d'vance.
PS: Je vais changer les couleurs moi.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Sam 1 Oct 2011 - 21:02
ça peut me prendre un moment par contre. N'hésitez pas upper une fois par 24h.
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par K-Surf Dim 2 Oct 2011 - 16:01
Un petit up pour remonter ma demande.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Dim 2 Oct 2011 - 16:45
Bonour je pensais que vous aviez au moins fait le formulaire ^^ j'aurais pu vous expliquer la suite...
Je vous invite à tenter un premier jet de votrepart en suivant ce post https://forum.forumactif.com/t280246-formulaire
ensuite, s'il y a des problèmes, je serais là pour vous aider.
Cordialement.
Je vous invite à tenter un premier jet de votrepart en suivant ce post https://forum.forumactif.com/t280246-formulaire
ensuite, s'il y a des problèmes, je serais là pour vous aider.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Générateur de présentation
par K-Surf Dim 2 Oct 2011 - 16:56
Moi le formulaire est fais ainsi que le CSS reste plus qu'a faire le lien pour qu'il poste.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par K-Surf Dim 2 Oct 2011 - 16:59
Je suis désoler j'ai lu tous je ne comprend rien de chez rien.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Dim 2 Oct 2011 - 17:06
 | Bonjour, Je rappelle que Le Forum des Forums de Forumactif n'a absolument pas vocation à devenir un forum de commandes. Il est avant tout un lieu où une réponse donnée dans un sujet doit pouvoir aider plusieurs personnes. Si vous souhaitez apprendre et réaliser vous-même votre présentation ou si vous avez un problème avec une partie de votre codage, vous êtes sur le bon forum. En revanche si vous voulez une présentation "prêt à installer", merci de vous orienter vers les forums spécialisés en codage. Je vous invite à lire : A bientôt sur ForumActif  |
e ne peux pas tout faire pour vous ^^ et en l'occurence ce que vous appeller un formulaire, n'en est pas un.
je ne vois pas de <input> <label> ou autre qui puisse m'orienter. Essayez tout de même un minimum, à savoir créer les parties de formulaires
vous pouvez vous aider également ici
une fois cela fait, rendez moi votre code.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Générateur de présentation
par K-Surf Dim 2 Oct 2011 - 17:59
Bin attend mon formulaire marche lol regarde: mais faut que je mette un truc du genre a la fin
Sinon regarder il marche a la perfection http://k-surf.forumactif.fr/h2-formulaire-de-presentation
Edit: Tes aveugles? Il y a des label et input partout lol.
- Code:
<a href="ADRESS">Submit</a>
Sinon regarder il marche a la perfection http://k-surf.forumactif.fr/h2-formulaire-de-presentation
Edit: Tes aveugles? Il y a des label et input partout lol.
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Dim 2 Oct 2011 - 18:08
je me suis basée sur le deuxième code, d'où mon erreur... désolé, dans le second ils n'y sont pas. (je suis pas aveugle mais une taupe tout de même ^^)ok je reprends donc. Pour les caractères spéciaux, c'est normal si vous n'utilisez pas le haut et le bas de votre forum dans la page HTML. Il faut utiliser des caractères ASCII
par contre vous tenez vraiment à ces tags pour chacun de vos éléments ou puis-je les renommer, cela risque de créer quelques bugs sinon.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Générateur de présentation
par K-Surf Dim 2 Oct 2011 - 18:15
Donc j'ai suivis le tuto mais a la troisieme parties la franchement je comprends plus.
Et ou tu peux changer ce que tu veux.
Merci d'avance
- 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>Illusion-Graph - Forum de Graphisme</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<style type="text/css">
body
{
background:#996633;
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:#663300;
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;
}
</style>
</head>
<body id="main_body" >
<img id="top" src="top.png" alt="">
<div id="form_container">
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Nom :[/b] " + form.nom.value + '\n'
+ "[b]Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Genre :[/b] " + form.genre.value + '\n'
+ "[b]J'aime :[/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.gouts.length; i++)
{
if(form.gouts[i].checked == true) { txt_message = txt_message + '[*]' + form.gouts[i].value + '\n'; }
}
txt_message = txt_message + "[/list][b]En plus[/b] : " + form.plus.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<h1><a>Formulaire de présentation</a></h1>
<form id="form_261567" class="appnitro" method="post" action="http://k-surf.forumactif.fr/posting.forum">
<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="1" /> <!-- ID du forum dans lequel le message sera posté-->
<div class="form_description">
<h2>Formulaire de Présentation.</h2>
Merci de remplir tous les champs.
</div>
<ul >
<li id="li_4" >
<label class="description" for="element_4">Comment t'appelle tu? </label>
<span>
<input id="element_4_1" name= "element_4_1" class="element text" maxlength="255" size="8" value=""/>
</span>
<span>
</span>
</li> <li id="li_2" >
<label class="description" for="element_2">Age: </label>
<div>
<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">Ou habite tu? </label>
<div>
<input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_6" >
<label class="description" for="element_6">Ta couleur préférer: </label>
<div>
<input id="element_6" name="element_6" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_7" >
<label class="description" for="element_7">Ton animal préférer? </label>
<div>
<input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_10" >
<label class="description" for="element_10">Comment as tu découvert Illusion-Graph </label>
<span>
<input id="element_10_1" name="element_10" class="element radio" type="radio" value="1" />
<label class="choice" for="element_10_1">Google, Bing, Voilà, Yahoo...</label>
<input id="element_10_2" name="element_10" class="element radio" type="radio" value="2" />
<label class="choice" for="element_10_2">Par un forum de graphisme, pub...</label>
<input id="element_10_3" name="element_10" class="element radio" type="radio" value="3" />
<label class="choice" for="element_10_3">Par un membre d'Illusion-Graph</label>
</span>
</li> <li id="li_12" >
<label class="description" for="element_12">Fais tu du graphisme? </label>
<span>
<input id="element_12_1" name="element_12" class="element radio" type="radio" value="1" />
<label class="choice" for="element_12_1">Oui</label>
<input id="element_12_2" name="element_12" class="element radio" type="radio" value="2" />
<label class="choice" for="element_12_2">Non</label>
<input id="element_12_3" name="element_12" class="element radio" type="radio" value="3" />
<label class="choice" for="element_12_3">Pas encore</label>
</span>
</li> <li id="li_5" >
<label class="description" for="element_5">Depuis combien de temps fais tu du graphisme? </label>
<div>
<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_11" >
<label class="description" for="element_11">Avec quelle logiciel fais tu du graphisme? </label>
<div>
<select class="element select medium" id="element_11" name="element_11">
<option value="" selected="selected"></option>
<option value="1" >Photoshop</option>
<option value="2" >The Gimp</option>
<option value="3" >Photofiltre (Studio)</option>
<option value="4" >Illustrator</option>
<option value="5" >Inkscape</option>
</select>
</div>
</li> <li id="li_9" >
<label class="description" for="element_9">Montre nous quelle que des tes créations: </label>
<div>
<textarea id="element_9" name="element_9" class="element textarea medium"></textarea>
</div>
</li> <li id="li_8" >
<label class="description" for="element_8">As tu autre chose à nous dire? </label>
<div>
<textarea id="element_8" name="element_8" class="element textarea medium"></textarea>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="261567" />
<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 ou tu peux changer ce que tu veux.
Merci d'avance
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par K-Surf Mar 4 Oct 2011 - 19:23
Un petit up, faudrait que je les avant vendredi pour mon nouveau thème
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par Scoubifitz Sam 8 Oct 2011 - 2:14
bonsoir,
remplacez entièrement le code :
remplacez entièrement le code :
- 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>Illusion-Graph - Forum de Graphisme</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<style type="text/css">
body
{
background:#996633;
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:#663300;
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;
}
</style>
</head>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var nom = form.element_4.value
var age = form.element_2.value
var lieu = form.element_3.value
var couleur = form.element_6.value
var animal = form.element_7.value
var time = form.element_5.value
var logiciel = form.element_11.value
var creations = form.element_9.value
var blabla = form.element_8.value
// Créer un message à partir des informations fournies
var txt_message = "[b]Nom :[/b] " + nom + '\n'
+ "[b]Mon age :[/b] " + age + '\n'
+ "[b]Mon lieu de résidence :[/b] " + lieu + '\n'
+ "[b]Ma couleur préférée :[/b] " + couleur + '\n'
+ "[b]Mon animal :[/b] " + animal + '\n'
+ "[b]J'ai découvert Illusion-Graph ";
// Dans le cas des radios ...
for(var i = 0; i < form.element_10.length; i++)
{
if(form.element_10[i].checked == true) { txt_message += form.element_10[i].value + '\n'; }
}
txt_message += "[b]Si je fais du graphisme ? :[/b] ";
// Dans le cas des radios ...
for(var j = 0; j < form.element_12.length; j++)
{
if(form.element_12[j].checked == true) { txt_message += form.element_12[j].value + '\n'; }
}
txt_message += "[b]Depuis combien de temps je fais du graphisme ? :[/b] " + time + '\n'
+ "[b]quelques unes de mes créations :[/b] " + '\n' + creations + '\n'
+ "[b]En plus[/b] : " + blabla + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body id="main_body" >
<img id="top" src="top.png" alt="">
<div id="form_container">
<h1><a>Formulaire de présentation</a></h1>
<form class="appnitro" id="post" action="/post" method="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="1" /> <!-- ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME" /> <!-- titre du sujet -->
<div class="form_description">
<h2>Formulaire de Présentation.</h2>
Merci de remplir tous les champs.
</div>
<ul >
<li id="li_4" >
<label class="description" for="element_4">Comment t'appelles tu? </label>
<span>
<input id="element_4" name= "element_4" class="element text medium" type="text" maxlength="255" value=""/>
</span>
<span>
</span>
</li> <li id="li_2" >
<label class="description" for="element_2">Age: </label>
<div>
<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">Ou habites tu? </label>
<div>
<input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_6" >
<label class="description" for="element_6">Ta couleur préférée : </label>
<div>
<input id="element_6" name="element_6" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_7" >
<label class="description" for="element_7">Ton animal préféré ? </label>
<div>
<input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_10" >
<label class="description" for="element_10">Comment as tu découvert Illusion-Graph </label>
<span>
<input id="element_10_1" name="element_10" class="element radio" type="radio" value="Google, Bing, Voilà, Yahoo..." checked="checked" />
<label class="choice" for="element_10_1">Par Google, Bing, Voilà, Yahoo...</label>
<input id="element_10_2" name="element_10" class="element radio" type="radio" value="Par un forum de graphisme, pub..." />
<label class="choice" for="element_10_2">Par un forum de graphisme, pub...</label>
<input id="element_10_3" name="element_10" class="element radio" type="radio" value="Par un membre d'Illusion-Graph" />
<label class="choice" for="element_10_3">Par un membre d'Illusion-Graph</label>
</span>
</li> <li id="li_12" >
<label class="description" for="element_12">Fais tu du graphisme? </label>
<span>
<input id="element_12_1" name="element_12" class="element radio" type="radio" value="Oui" />
<label class="choice" for="element_12_1">Oui</label>
<input id="element_12_2" name="element_12" class="element radio" type="radio" value="Non" checked="checked" />
<label class="choice" for="element_12_2">Non</label>
<input id="element_12_3" name="element_12" class="element radio" type="radio" value="Pas encore" />
<label class="choice" for="element_12_3">Pas encore</label>
</span>
</li> <li id="li_5" >
<label class="description" for="element_5">Depuis combien de temps fais tu du graphisme? </label>
<div>
<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_11" >
<label class="description" for="element_11">Avec quel logiciel fais tu du graphisme? </label>
<div>
<select class="element select medium" id="element_11" name="element_11">
<option value="" selected="selected"></option>
<option value="Photoshop" >Photoshop</option>
<option value="The Gimp" >The Gimp</option>
<option value="Photofiltre (Studio)" >Photofiltre (Studio)</option>
<option value="Illustrator" >Illustrator</option>
<option value="Inkscape" >Inkscape</option>
</select>
</div>
</li> <li id="li_9" >
<label class="description" for="element_9">Montre nous quelques unes des tes créations: </label>
<div>
<textarea id="element_9" name="element_9" class="element textarea medium"></textarea>
</div>
</li> <li id="li_8" >
<label class="description" for="element_8">As tu autre chose à nous dire? </label>
<div>
<textarea id="element_8" name="element_8" class="element textarea medium"></textarea>
</div>
</li>
<li class="buttons">
<input id="saveForm" class="button_text" type="submit" name="post" value="Envoyer !" type="submit" />
</li>
</ul>
</form>
<div id="footer">
</div>
</div>
<img id="bottom" src="bottom.png" alt="">
</body>
</html>
Scoubifitz- Membre actif
-
Messages : 3687
Inscrit(e) le : 18/03/2008 -
Re: Générateur de présentation
par K-Surf Sam 8 Oct 2011 - 9:43
Bravo sa poste seul problème sa poste dans règlement faut que sa poste dans présentation.
http://illusion-graph.forumactif.fr/f9-presentation
http://illusion-graph.forumactif.fr/f9-presentation
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Sam 8 Oct 2011 - 10:08
- Code:
<input type="hidden" name="f" value="1" /> <!-- ID du forum dans lequel le message sera posté-->
Changez le numéro du forum ici, donc 1 par 9
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
K-Surf- ***
-
Messages : 174
Inscrit(e) le : 29/04/2011 -
Re: Générateur de présentation
par SoraNoHime Sam 8 Oct 2011 - 14:03
 | Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton  A bientôt sur ForumActif |
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Sujets similaires» Générateur de présentation ?
» Problème avec mon générateur de présentation
» Generateur de presentation
» Problème avec générateur de présentation
» Tutoriel générateur de présentation
» Problème avec mon générateur de présentation
» Generateur de presentation
» Problème avec générateur de présentation
» Tutoriel générateur de présentation
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 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum