Présentation de test

par **blackheart.** 22.09.14 11:35

test

PRESENTATION

Nom réel : test
Statut :En activité
Début :test
Genres :
Labels :

MEMBRES DU GROUPE

[url=]Site officiel[/url]
[url=]Chaîne Youtube[/url]
[url=]Lien Nautiljon[/url]

par **blackheart.** 22.09.14 12:02

Code:: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Générateur de fiche de présentation TM</title> <link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css" /> <style type="text/css"> /*Le css ici personnalise le formulaire*/ body { background-image:url("http://i49.servimg.com/u/f49/16/89/28/25/parcho10.jpg"); } .totaleformulaire { margin:auto; text-align:center; } /*infobulles */ .infobulle { display: inline-block; margin-right:5px; margin-bottom:5px; } .infobulle:after{ content:url(http://img15.hostingpics.net/pics/172069hel.png); } .infobulle > div { position: absolute; margin-top: -220px; margin-left:18px; opacity: 0; visibility: hidden; } .infobulle:hover > div { z-index:999; opacity: 1; visibility: visible; } .contenuinfobulle,#contenuinfobullerace { width:300px; font-family:andalus; font-size:14px; height:auto; min-height:200px; text-align:justify; background-color:#492519; padding:10px; border-radius:15px; box-shadow: 0px 0px 3px 3px #000; z-index:999!important; color:#fff; } /*titre dans les infobulles*/ .contenuinfobulle h1,#contenuinfobullerace h1 { text-align:center!important; font-size:18px; text-shadow:0px 0px 2px #FBDEBA; } #contenuinfobullerace { width:330px; height:210px; overflow:auto; } /* Police du texte tapé l'intérieur des champs et mettre une marge à gauche */ input, textarea, select { color:#FAEFB1; font-family:andalus; border-radius:15px; font-size:14px; border: none; padding:5px; margin-left:10px; margin-bottom:5px; margin-top:5px; background-color:#492519; } label{width:200px;display:inline-block; text-align:right; font-weight: bold ; vertical-align:top; color:#4D291C; } h3 { font-family: 'Yesteryear', cursive; color:#492519; font-size:40px; } /* Mettre les titres du groupe en caractères plus grands, en gras et spécifier une couleur*/ h2 { margin-top:-40px; } /* Mettre une séparation entre les fieldset et colorer l'arrière plan */ fieldset{ border:none; text-align:left; width: 65%; margin:50px auto 10px; background-image: url("http://i34.servimg.com/u/f34/15/56/06/86/toplef11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/toprig10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom11.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.jpg"), url("http://i34.servimg.com/u/f34/15/56/06/86/topcen10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center11.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/bottom10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.png"), url("http://i34.servimg.com/u/f34/15/56/06/86/center10.jpg"); background-position: left top, right top, right bottom, left bottom, center top, right center, center bottom, left center, left top; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat; box-shadow: 0px 0px 18px rgb(0, 0, 0); } a,a:link,a:visited,a:active,a:hover{ color:#ffffff!important; /*couleur*/ font-variant:small-caps; /*majuscule*/ font-size:16px; /*taille*/ text-decoration: none !important; } a:hover{ font-style:italic; } .post { border-top: 1px solid #6d3a29; background: #1f0000; background: -webkit-gradient(linear, left top, left bottom, from(#492519), to(#1f0000)); background: -webkit-linear-gradient(top, #492519, #1f0000); background: -moz-linear-gradient(top, #492519, #1f0000); background: -ms-linear-gradient(top, #492519, #1f0000); background: -o-linear-gradient(top, #492519, #1f0000); padding: 5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #faefb1; font-size: 14px; font-family: andalus; text-decoration: none; vertical-align: middle; } .post:hover { border-top-color: #faefb1; background: #faefb1; color: #492519; } .post:active { border-top: 1px solid #6d3a29; background: #1f0000; background: -webkit-gradient(linear, left top, left bottom, from(#492519), to(#1f0000)); background: -webkit-linear-gradient(top, #492519, #1f0000); background: -moz-linear-gradient(top, #492519, #1f0000); background: -ms-linear-gradient(top, #492519, #1f0000); background: -o-linear-gradient(top, #492519, #1f0000); padding: 5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #faefb1; font-size: 14px; font-family: andalus; text-decoration: none; vertical-align: middle; } </style> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<center><div class='fond'><div class='cadre1'><div class='titre'>" + form.pseudo.value + "\n"; txt_message += "</div><center><div class='presa1'> <table class=''><tr><td><c>" + form.prenom.value + "\n"; txt_message += "</c></td><td> ◊ <d>" + form.age.value + "\n"; txt_message += "</d></td> <td>◊ <c>" + form.loca.value + "\n"; txt_message += "</c></td></tr></table><div class='sstitre'> " + form.quote.value + "\n"; txt_message += "</div> </div> </center></div><div class='cadre5'><img src='" + form.img.value + "' class='img1'/></div>\n"; txt_message += "<table class='presa2'><tr><td><div class='cadre7'><div class='sstitre4'>◊ Si tu étais... de série. </div><br/><e>Un genre ?</e> <j>" + form.genre.value + "\n"; txt_message += "</j><e>Un top 5 ?</e> <j>" + form.cinq.value + "\n"; txt_message += "</j><e>Un personnage masculin ?</e> <j>" + form.masc.value + "\n"; txt_message += "</j><e>Un personnage féminin ?</e> <j>" + form.fem.value + "\n"; txt_message += "</j><e>Un vilain ?</e> <j>" + form.vil.value + "\n"; txt_message += "</j><e>Un héros ?</e> <j>" + form.hero.value + "\n"; txt_message += "</j><e>Une citation ?</e> <j>" + form.cit.value + "</j></div></td>\n"; txt_message += "<td><div class='cadre7'><div class='sstitre4'>◊ Si tu étais... </div><br/><e>Un genre ?</e> <j>" + form.genre.value + "\n"; txt_message += "</j><e>Une devise/citation ?</e> <j>" + form.dev.value + "\n"; txt_message += "</j><e>Un film ?</e> <j>" + form.film.value + "\n"; txt_message += "</j><e>Un acteur ?</e> <j>" + form.acteur.value + "\n"; txt_message += "</j><e>Une actrice ?</e> <j>" + form.actrice.value + "\n"; txt_message += "</j><e>Un livre ?</e> <j>" + form.liv.value + "\n"; txt_message += "</j><e>Une citation ?</e> <j>" + form.cit.value + "</j></div></td></tr> "\n"; txt_message += "<tr><td><div class='cadre7'><div class='sstitre5'>◊ This or That.</div> <br/><e>Télé ou ordinateur ?</e> <j>" + form.tot1.value + "\n"; txt_message += "</j><e>VO, VF ou VOSTFR ?</e> <j>" + form.top2.value + "\n"; txt_message += "</j><e>Fantastique ou Science"fiction ?</e> <j>" + form.top3.value + "\n"; txt_message += "</j><e>Policière ou Médicale ?</e> <j>" + form.top4.value + "\n"; txt_message += "</j><e>Drame ou Aventure ?</e> <j>" + form.top5.value + "\n"; txt_message += "</j><e>Action ou Comédie ?</e> <j>" + form.top6.value + "\n"; txt_message += "</j><e>Réelles ou Animées ? </e><j>" + form.tot7.value + "</j></div></td> "\n"; txt_message += "<td><div class='cadre7'><div class='sstitre5'>◊ Oh my series.</div> <br/><e>Crédit image :</e> <j>" + form.cred1.value + "\n"; txt_message += "</j><e>Crédit avatar :</e> <j>" + form.cred2.value + "\n"; txt_message += "</j><e>Où as-tu découvert OMS ?</e> <j>" + form.dec.value + "\n"; txt_message += "</j><e>As-tu une suggestion ?</e> <j>" + form.sug.value + "\n"; txt_message += "</j><e>Besoin d"être parrainé ?</e> <j>" + form.parr.value + "\n"; txt_message += "</j><e>Un dernier mot ? </e><j>" + form.mot.value + "</j></div></td></tr></table> </div></center> \n"; // Insère le texte construit dans le champ caché 'message' du formulaire form.message.value = txt_message; } </script> </head> <body> <form action="http://ohmyseries.forumactif.org/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" /> <input type="hidden" name="topictype" value="0" checked="checked" /> <input type="hidden" name="message" value="" /> <input type="hidden" name="f" value="11" /><div class="totaleformulaire"> <h3>Formulaire de présentation</h3> <label for="titre">Titre du sujet : </label> <input type="text" name="subject" id="titre" size="45" maxlength="60" required="required" /><br /> <fieldset> <h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/entate10.png" /></h2> <label for="pseudo">Pseudo :</label> <input type="text" size="30" name="pseudo" id="pseudo" required="required" /> <br /> <label for="prenom">Prénom : </label> <input type="text" size="30" id="prenom" name="prenom" /> <br /> <label for="age">Âge : </label> <input type="text" size="30" id="age" name="age" /> <br /> <label for="loca">Localisation : </label> <input type="text" size="30" id="loca" name="loca" /> <br /> <label for="quote">Une petite citation :</label> <textarea id="quote" name="quote" rows="3" cols="50"></textarea> </fieldset> <fieldset> <h2><img src="http://i34.servimg.com/u/f34/15/56/06/86/inform10.png" /></h2> <label for="img">Gif :</label> <input type="text" size="30" name="img" id="img" /> </fieldset> <fieldset> <h2>Si tu étais ... de série</h2> <label for="genre">Un genre ? </label> <input type="text" size="30" name="genre" id="genre" /> <br /> <label for="cinq">Un top 5 ? </label> <input type="text" size="30" name="cinq" id="cinq" /> <br /> <label for="masc">Un personnage masculin ? </label> <input type="text" size="30" name="masc" id="masc" /> <br /> <label for="fem">Un personnage féminin ? </label> <input type="text" size="30" name="fem" id="fem" /> <br /> <label for="vil">Un vilain ? </label> <input type="text" size="30" name="vil" id="vil" /> <br /> <label for="hero">Un héros ? </label> <input type="text" size="30" name="hero" id="hero" /> <br /> <label for="cit">Une citation ? </label> <input type="text" size="30" name="cit" id="cit" /> </fieldset> <fieldset> <h2>Si tu étais ... </h2> <label for="passion">Une passion ? </label> <input type="text" size="30" name="passion" id="passion" /> <br /> <label for="dev">Une devise/citation ? </label> <input type="text" size="30" name="dev" id="dev" /> <br /> <label for="film">Un film ? </label> <input type="text" size="30" name="film" id="film" /> <br /> <label for="acteur">Une acteur ? </label> <input type="text" size="30" name="acteur" id="acteur" /> <br /> <label for="actrice">Une actrice ? </label> <input type="text" size="30" name="passion" id="passion" /> <br /> <label for="liv">Un livre ? </label> <input type="text" size="30" name="liv" id="liv" /> <br /> <label for="mus">Un top 5 musique ?</label> <input type="text" size="30" name="mus" id="mus" /> </fieldset> <fieldset> <h2>This or That</h2> <label for="tot1">Télé ou ordinateur ?</label> <input type="text" size="30" name="tot1" id="tot1" /> <br /> <label for="tot2">VO, VF ou VOSTFR ?</label> <input type="text" size="30" name="tot2" id="tot2" /> <br /> <label for="tot3">Fantastique ou Science-Fiction ?</label> <input type="text" size="30" name="tot3" id="tot3" /> <br /> <label for="tot4">Policière ou Médicale ?</label> <input type="text" size="30" name="tot4" id="tot4" /> <br /> <label for="tot5">Drame ou Aventure ?</label> <input type="text" size="30" name="tot5" id="tot5" /> <br /> <label for="tot6">Action ou Comédie ? </label> <input type="text" size="30" name="tot6" id="tot6" /> <br /> <label for="tot7">Réelles ou Animées ? </label> <input type="text" size="30" name="tot7" id="tot7" /> </fieldset> <fieldset> <h2>Oh my series</h2> <label for="cred1">Crédit image :</label> <input type="text" size="30" name="cred1" id="cred1" /> <br /> <label for="cred2">Crédit citation :</label> <input type="text" size="30" name="cred2" id="cred2" /> <br /> <label for="dec">Où as-tu découvert OMS ?</label> <input type="text" size="30" name="dec" id="dec" /> <br /> <label for="sug">As-tu une suggestion ?</label> <input type="text" size="30" name="sug" id="sug" /> <br /> <label for="parr">Besoin d'être parrainé ?</label> <input type="text" size="30" name="parr" id="parr" /> <br /> <label for="mot">Un dernier mot ?</label> <input type="text" size="30" name="mot" id="mot" /> </fieldset> <center> <input type="submit" name="post" class="post" value="Envoyer" /> </center> </div> </form> </body> </html>

Présentation de test

Présentation de test

Re: Présentation de test