<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<title>Fiche de présentation #201</title>
<style type="text/css">
.cadre1{
width:480px;
height:750px;
background-image:url('http://i84.servimg.com/u/f84/18/88/54/70/papier10.gif');
border-color:#B9121B #4A1A2C #4C1B1B #8E3557;
}
.cadretitre1{
width:480px;
height:auto;
font-size:30px;
font-family: 'Bad Script', cursive;
text-align:center;
}
.cadretitre2{
width:450px;
height:auto;
font-size:30px;
font-family: 'Bad Script', cursive;
text-align:center;
margin-bottom:15px;
}
.cadreavatar{
width:150px;
height:190px;
margin:15px;
box-shadow:0 0 8px black;
float:left;
}
a.infoavatar{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
a.infoavatar:hover{
z-index:25;
}
a.infoavatar span{
display: none
}
a.infoavatar:hover span{
display:block;
position:absolute;
top:2em;
left:2em;
width:400px;
border:2px groove white;
box-shadow:0 0 8px black;
background-color:#EFECCA;
color:#000;
text-align: justify;
font-weight:normal;
font-size:12px;
font-family: 'Bad Script', cursive;
padding:5px;
}
.cadredescription{
width:285px;
float:left;
margin-top:10px;
font-size:14px;
font-family: 'Bad Script', cursive;
color:black;
margin-bottom:20px;
}
h1{
font-size:18px;
font-family: 'Bad Script', cursive;
text-align:center;
margin:0px;
}
p{
margin:0px;
line-height:17px;
}
.cadremescreations{
width:450px;
height:400px;
margin-left:15px;
clear:both;
}
.contenu_creation{
width:450px;
height:370px;
overflow:auto;
font-family: 'Bad Script', cursive;
}
.copyrightshaku{
width:180px;
height:66px;
background-image:url('http://i84.servimg.com/u/f84/19/41/67/54/teste-10.png');
position:absolute;
margin-left:150px;
}
</style>
</head>
<body>
<!-- DEBUT CADRE1 -->
<div class="cadre1">
<div class="cadretitre1"><b><u>Fiche de présentation de (PSEUDO)</u></b></div>
<div class="cadreavatar"><a class="infoavatar" href="#"><img src="http://i84.servimg.com/u/f84/18/88/54/70/rainbo10.jpg"/><span>
<!-- DEBUT FORMULAIRE DE PRESENTATION -->
<b>- Quel âge as-tu ? : 18 ans</b><br>
<b>- De quel pays es-tu ? : France</b><br>
<b>- Quelles sont tes passions ? : Informatique</b><br>
<b>- Quelles sont tes qualités ? : Gentil</b> <br>
<b>- Quel serait ton plus gros défaut ? : Trop gentil</b><br>
<b>- Pourquoi as tu choisit notre forum? : Il est bien comme notre équipe de staff <img src="http://2img.net/i/fa/i/smiles/icon_razz.gif" alt="Razz" longdesc="9" /></b><br>
<b>- Comment l'as tu trouvé ? : Par forumactif</b></span></a>
</div>
<!-- FIN FORMULAIRE DE PRESENTATION --><div class="cadredescription"><h1><u>Une courte description de moi</u></h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in ultrices velit. Fusce luctus venenatis diam, vel gravida nunc accumsan et. Aliquam quis ex vel mi fermentum aliquet id nec sapien. Donec et diam ac dui consequat interdum. Donec accumsan, enim at condimentum eleifend, metus turpis varius nisi, quis interdum quam arcu vel lectus. Suspendisse posuere lacus metus, ut imperdiet tellus aliquam quis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in ultrices velit. Fusce luctus venenatis diam, vel gravida nunc accumsan et.</p></div> <div class="cadremescreations"><div class="cadretitre2"><b><u>Mes créations</u></b></div><div class="contenu_creation">ici le contenu que tu veux ! Taille max 450x370</div></div>
<div class="copyrightshaku"></div>
</div>
<!-- FIN CADRE1 -->
</body>
</html>
Accueil 
