Modèle de fiche de liens

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

Modèle de fiche de liens

Message par Jack Carter le Mar 7 Mar - 21:27

Bonjour Invité !

Voici une fiche de lien en deux parties mise à ta disposition. Elle a l'avantage d'être aux couleurs du forum et en accord avec les reste des fiches


Carnet de liens


De Prénom Nom


Infos
Écrire ici les informations concernant votre personnage qui pourrait être utile à savoir pour toute personne venant demander un lien (métier, lieu de vie, caractère, quelques infos sur votre biographie...)
Je recherche
► Nature du lien - M/F/A (autre) - Explication
► Nature du lien - M/F/A (autre) - Explication
► Nature du lien - M/F/A (autre) - Explication
► Nature du lien - M/F/A (autre) - Explication
@Hanae Lilandiel





Titre
Lorem ipsum
Lorem ipsum
Lorem ipsum

@Hanae Lilandiel





La première partie :
Code:
<center><div class="aae-fiche"><table><tr><td><div class="aae-img"><img src="http://cdn2.crushable.com/wp-content/uploads/2013/08/tumblr.gif" width="200px;" /></div></td><td><div class="aae-nom"><br /><div style="font-size: 30px; text-align: center;">Carnet de liens</div><br /><br /><div style="font-size: 20px; text-align: center;">De Prénom Nom</div><br /></div></td></tr></table><br /><br /><table><tr><td><div class="aae-tbios">Infos</div><div class="aae-bioss">Écrire ici les informations concernant votre personnage qui pourrait être utile à savoir pour toute personne venant demander un lien (métier, lieu de vie, caractère, quelques infos sur votre biographie...)</div></td><td><div class="aae-tbios">Je recherche</div><div class="aae-bioss"><b>► Nature du lien</b> - <i>M/F/A (autre)</i> - Explication
► Nature du lien</b> - <i>M/F/A (autre)</i> - Explication
► Nature du lien</b> - <i>M/F/A (autre)</i> - Explication
► Nature du lien</b> - <i>M/F/A (autre)</i> - Explication</div></td></tr></table><br /><div class="nebula-crédit">@Hanae Lilandiel</div></div></center>

<link href="https://fonts.googleapis.com/css?family=Geostar+Fill" rel="stylesheet">

<style>.aae-fiche{width: 500px; height: auto; padding: 5px; background: black;} .aae-img{width: 200px; height: 200px; border: 2px solid #750907; border-radius: 5px; overflow: hidden;} .aae-nom{width: 280px; height: 200px; color: #2B4777; border-radius: 5px; font-family: 'Geostar Fill', cursive; border-bottom: 2px solid #750907;} .aae-tbios{width: 245px; height: auto; font-family: 'Geostar Fill', cursive; color: #2B4777; text-align: right; font-size: 20px; border-bottom: 2px solid #750907;} .aae-bioss{width: 235px; height: 350px; padding: 5px; background: #040F22; border-radius: 0 0 5px 5px; color: #6C8BBE; text-align: justify; overflow: auto;} .nebula-crédit{font-family: 'Geostar Fill', cursive; color: #750907; font-size: 10px;}</style>
La seconde partie :
Code:
<center><div class="aae-fiche"><div class="aae-tlien">Titre</div><div class="aae-tliens"><table><tr><td><div class="aaeimg"><img src="http://pa1.narvii.com/6057/cbf0f47115020dad239eff510559a9df0a8f1ea2_128.gif" width="60px" /></div></td><td><div class="aaetlien">Lorem ipsum</div></td></tr></table><table><tr><td><div class="aaeimg"><img src="http://pa1.narvii.com/6057/cbf0f47115020dad239eff510559a9df0a8f1ea2_128.gif" width="60px" /></div></td><td><div class="aaetlien">Lorem ipsum</div></td></tr></table><table><tr><td><div class="aaeimg"><img src="http://pa1.narvii.com/6057/cbf0f47115020dad239eff510559a9df0a8f1ea2_128.gif" width="60px" /></div></td><td><div class="aaetlien">Lorem ipsum</div></td></tr></table></div><br /><div class="nebula-crédit">@Hanae Lilandiel</div></div></center>

<link href="https://fonts.googleapis.com/css?family=Geostar+Fill" rel="stylesheet">

<style>.aae-fiche{width: 500px; height: auto; padding: 5px; background: black;} .aaeimg{width: 60px; height: 60px; border: 2px solid #750907; border-radius: 100%; overflow: hidden;} .aae-nom{width: 280px; height: 200px; color: #2B4777; border-radius: 5px; font-family: 'Geostar Fill', cursive; border-bottom: 2px solid #750907;} .aae-tlien{width: 490px; height: auto; font-family: 'Geostar Fill', cursive; color: #2B4777; text-align: center; font-size: 20px; border-bottom: 2px solid #750907;} .aae-tliens{width: 480px; height: auto; padding: 5px; background: #040F22; border-radius: 0 0 5px 5px; color: #2B4777; text-align: justify; overflow: auto;} .aaetlien{width: 400px; height: 60px; padding: 5px; color: #2B4777; text-align: justify; overflow: auto;} .nebula-crédit{font-family: 'Geostar Fill', cursive; color: #750907; font-size: 10px;}</style>
avatar
Jack Carter

Messages : 45
Date d'inscription : 07/02/2017

Voir le profil de l'utilisateur

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