<style>.rp1 { margin-left: auto; margin-right: auto; width: 450px; padding: 50px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,0.2); } .rp1 img { -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; -o-transform: rotate(5deg); transform: rotate(5deg); z-index: 1; } .rp1 h1 { display: inline; position: absolute; float: right; font-size: 25px; font-variant: small-caps; margin: 0; z-index: 2; padding: 5px 10px; background-color: white; -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; margin-left:-400px; margin-top: 80px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); } .rp1 h2 { width: 100%; text-align: center; background-color: rgba(0,0,0,0.2); padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; margin-top: 30px; font-size: 20px; } .rp1 hr { border: 1px solid transparent; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; } .rp1 .contenu { width: 80%; padding-left: 10%; padding-right: 10%; background-color: rgba(255,255,255,0.3); -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; padding-top: 25px; padding-bottom: 25px; } .rp1:hover:after { content: 'Shujin
Templactif' !important; position: absolute; margin-top: 50px; margin-left: 200px; } .rp1 h1, rp1 h2, .rp1 .contenu { color: black; }</style>
<div class="rp1">
<img src="http://lorempixel.com/g/430/100/" /><h1>Pseudo</h1>
<h2>Présentation</h2>
<hr />
<div class="contenu">
[b]Informations sympathiques[/b]
[list][i]Si j'étais...[/i]
:star: Une étoile ? [i]ÉCRIRE ICI[/i]
:star: Un félin ? [i]ÉCRIRE ICI[/i]
:star: Un Oiseau ? [i]ÉCRIRE ICI[/i]
:star: un smiley ? [i]ÉCRIRE ICI[/i]
:star: Une boisson ? [i]ÉCRIRE ICI[/i]
:star: Un tissu ? [i]ÉCRIRE ICI[/i]
:star: Un arbre ? [i]ÉCRIRE ICI[/i]
[i]Je suis...[/i]
:star: Café ou thé ? [i]ÉCRIRE ICI[/i]
:star: Orange ou bleu ? [i]ÉCRIRE ICI[/i]
:star: Page blanche ou page écrite ? [i]ÉCRIRE ICI[/i]
:star: Cigarette ou chocolat ? [i]ÉCRIRE ICI[/i]
:star: Vélo ou train ? [i]ÉCRIRE ICI[/i]
:star: Musique classique ou rock ? [i]ÉCRIRE ICI[/i]
:star: Action ou fantasy ? [i]ÉCRIRE ICI[/i]
[i]Mes Goûts...[/i]
:star: Littéraire ? [i]ÉCRIRE ICI[/i]
:star: Musicaux ? [i]ÉCRIRE ICI[/i]
:star: Niveau Cinéma ? [i]ÉCRIRE ICI[/i]
:star: Alimentaires ? [i]ÉCRIRE ICI[/i][/list]
[b]Informations essentielles [/b][i](ces infos doivent se retrouver sur votre fiche, même si vous n'utilisez pas ce modèle)[/i]
Âge : [i]ÉCRIRE ICI[/i]
Pseudos habituellement utilisés : [i]ÉCRIRE ICI[/i]
Mes sites Webs : [i]ÉCRIRE ICI[/i]
Rang personnalisé : [i]ÉCRIRE ICI[/i]
Je connais Carpe Diem par : [i]ÉCRIRE ICI[/i]
<table align="center"><td><select class="fiche_defil"><option>Mes Qualités ?</option>
<option>∟ Qualité</option>
<option>∟ Qualité</option>
<option>∟ Qualité</option>
<option>∟ Qualité</option>
<option>∟ Qualité</option></select></td><td><select class="fiche_defil"><option>Mes Défauts ?</option>
<option>∟ Défaut</option>
<option>∟ Défaut</option>
<option>∟ Défaut</option>
<option>∟ Défaut</option>
<option>∟ Défaut</option></select></td></table>
</div>
</div>