Présentation de test

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

Présentation de test

Message par blackheart. le 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]


avatar
blackheart.
Administratrice


Messages : 730
Date d'inscription : 26/11/2010
Age : 25
Localisation : encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours.

Vie Sociale
Vie sociale:

Voir le profil de l'utilisateur http://blackheart-tm.forumgratuit.org

Revenir en haut Aller en bas

Re: Présentation de test

Message par blackheart. le 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" /><!--  Un nouveau topic sera créé  -->
<input type="hidden" name="topictype" value="0" checked="checked" /><!--  Value 0: Sujet Normal (1 = post-it / 2 = annonce)  -->
<input type="hidden" name="message" value="" /><!--  Contiendra le texte du message  -->
<input type="hidden" name="f" value="11" /><!--    ID du forum dans lequel le message sera posté  --><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>
avatar
blackheart.
Administratrice


Messages : 730
Date d'inscription : 26/11/2010
Age : 25
Localisation : encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours. encours.

Vie Sociale
Vie sociale:

Voir le profil de l'utilisateur http://blackheart-tm.forumgratuit.org

Revenir en haut Aller en bas

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

- Sujets similaires

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