Fiches de liens

Ven 2 Oct 2015 - 18:52

Modèle de fiche de liens

Si jamais vous voulez une fiche presque prête

Suite à une suggestion, nous mettons à votre disposition un modèle de fiche de liens pour ceux qui le voudrait.

Code à copier

Code:: <div class="scenarii" style="background-image: url('URL D'UN GIF DE 500PX DE LARGEUR')"><div class="namefiche">Pseudo du personnage</div><div class="separatorname"></div><div class="soustitre">Une phrase de votre choix.</div></div><div class="contener"><div class="avafiche"><div class="contourstyle" style="background-image: url('URL D'UN AVATAR')"><div class="questfiche"><div class="titresi">you should know that ...</div>
Mettre ici les particularités de votre personnage.

</div></div></div><div class="content-right"><div class="CHOISIR ENTRE intro-dc / intro-fairfax SELON LA VILLE OU VOUS VIVEZ"></div><div class="info1"><span>nom :</span> écrire ici</div><div class="info2"><span>prénom :</span> écrire ici</div><div class="info1"><span>date et lieu de naissance :</span> écrire ici</div><div class="info2"><span>âge :</span> écrire ici</div><div class="info1"><span>nationalité :</span> écrire ici</div><div class="info2"><span>origines :</span> écrire ici</div><div class="info1"><span>statut civil :</span> écrire ici</div><div class="info2"><span>statut social :</span> écrire ici</div><div class="info1"><span>profession(s) :</span> écrire ici</div><div class="info2"><span>études et année :</span> écrire ici</div><div class="info1"><span>ville et quartier de résidence :</span> écrire ici</div></div><div class="clear"></div></div>

<div class="contener"><div class="bandeaublue"><span class="bandeautitle">phrase de votre choix</span>
</div><table cellspacing="5" cellpadding="0" style="position:relative;bottom:50px;"><tr><td > <img src="http://i.imgur.com/iRBvnVD.png" class="imgurl"/></td><td valign="top"><span class="soulignement">pseudo</span><div style="height:80px;overflow:auto;">[b]Description de votre lien.[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu rutrum nulla. Praesent lobortis, nisi sed pulvinar imperdiet, tortor ipsum volutpat magna, sed bibendum magna metus vitae lacus. Nunc eu pharetra justo, eget egestas mauris. Aenean sollicitudin pellentesque ligula a rutrum. </div></td></tr>
<tr><td> <img src="http://i.imgur.com/iRBvnVD.png" class="imgurl"/></td><td valign="top"><span class="soulignement">pseudo</span><div style="height:80px;overflow:auto;">[b]Description de votre lien.[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu rutrum nulla. Praesent lobortis, nisi sed pulvinar imperdiet, tortor ipsum volutpat magna, sed bibendum magna metus vitae lacus. Nunc eu pharetra justo, eget egestas mauris. Aenean sollicitudin pellentesque ligula a rutrum. </div></td></tr>
<tr><td> <img src="http://i.imgur.com/iRBvnVD.png" class="imgurl"/></td><td valign="top"><span class="soulignement">pseudo</span><div style="height:80px;overflow:auto;">[b]Description de votre lien.[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu rutrum nulla. Praesent lobortis, nisi sed pulvinar imperdiet, tortor ipsum volutpat magna, sed bibendum magna metus vitae lacus. Nunc eu pharetra justo, eget egestas mauris. Aenean sollicitudin pellentesque ligula a rutrum. </div></td></tr>
<tr><td> <img src="http://i.imgur.com/iRBvnVD.png" class="imgurl"/></td><td valign="top"><span class="soulignement">pseudo</span><div style="height:80px;overflow:auto;">[b]Description de votre lien.[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu rutrum nulla. Praesent lobortis, nisi sed pulvinar imperdiet, tortor ipsum volutpat magna, sed bibendum magna metus vitae lacus. Nunc eu pharetra justo, eget egestas mauris. Aenean sollicitudin pellentesque ligula a rutrum. </div></td></tr>
<tr><td> <img src="http://i.imgur.com/iRBvnVD.png" class="imgurl"/></td><td valign="top"><span class="soulignement">pseudo</span><div style="height:80px;overflow:auto;">[b]Description de votre lien.[/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu rutrum nulla. Praesent lobortis, nisi sed pulvinar imperdiet, tortor ipsum volutpat magna, sed bibendum magna metus vitae lacus. Nunc eu pharetra justo, eget egestas mauris. Aenean sollicitudin pellentesque ligula a rutrum. </div></td></tr></table></div>