Fiche de relation • Modèle

Sujet: Fiche de relation • Modèle Dim 7 Juin - 10:05

Comme pour la fiche de présentation, ceci n'est qu'un modèle, vous pouvez l'utiliser mais si vous voulez, en prendre une autre. Sans plus attendre, je vous passe le code :

Prénom Nom

Une petite description de votre personnage ~

Prénom Nom + Type de relation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam eu arcu tempus ornare nec in massa. In feugiat, massa et pulvinar vestibulum, quam lorem lacinia lacus, blandit luctus augue diam eu metus. Vestibulum suscipit
Prénom Nom + Type de relation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam eu arcu tempus ornare nec in massa. In feugiat, massa et pulvinar vestibulum, quam lorem lacinia lacus, blandit luctus augue diam eu metus. Vestibulum suscipit

Code:: <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'><style type='text/css'>#fond {margin:auto; width:493px; height:806px; background-image:url(http://nsa34.casimages.com/img/2014/07/11/14071101060132968.jpg); color:#3d4351; padding:20px; font-family: cinzel, serif;} .titre {margin-top:150px; display:block; text-align:center; font-size:20px;} .soustitre {font-size:16px;} .img {width:150px; height:100px; float:left; padding-right:5px;} .img_txt {height:80px; padding:10px; text-align:justify; display:block; overflow:auto;} #credits {font-size:13px; color:#3d4351; display:block; text-align:center; text-decoration:none;}
</style><div id="fond">
<span class="titre">Prénom Nom</span><br/>
<span style="margin:auto; display:block; width:490px; height:50px; overflow:auto; text-align:justify;">Une petite description de votre personnage ~</span><br/><div style="width:493px; height:500px; overflow:auto; text-align:center;">
<span class="soustitre">Prénom Nom + Type de relation</span><img src="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" class="img" /><span class="img_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam eu arcu tempus ornare nec in massa. In feugiat, massa et pulvinar vestibulum, quam lorem lacinia lacus, blandit luctus augue diam eu metus. Vestibulum suscipit</span>
<span class="soustitre">Prénom Nom + Type de relation</span><img src="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" class="img" /><span class="img_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam eu arcu tempus ornare nec in massa. In feugiat, massa et pulvinar vestibulum, quam lorem lacinia lacus, blandit luctus augue diam eu metus. Vestibulum suscipit</span>
<span class="soustitre">Prénom Nom + Type de relation</span><img src="http://nsa33.casimages.com/img/2014/07/08/140708070820197428.jpg" class="img" /><span class="img_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam eu arcu tempus ornare nec in massa. In feugiat, massa et pulvinar vestibulum, quam lorem lacinia lacus, blandit luctus augue diam eu metus. Vestibulum suscipit</span>
</div>
<a href="http://www.never-utopia.com/" id="credits">© Dakota & A-Lice</a>
</div>