Maître du JeuGrand ManitouMessages : 247 Date d'inscription : 14/06/2015 Rang : ???
Caractéristiques du Mage Magie/Malédiction: ??? Magie Secondaire: ??? Progression: (999999/999999)
| Sujet: Modèle de Fiche de Relations Ven 4 Déc - 22:44 | |
| Modèle de Fiche de Relations FTEO met à votre disposition ce code pour votre optionnelle Fiche de Relations. Vous pouvez librement utiliser ce code ou un autre, y incluant les informations que vous souhaitez étant donné le caractère facultatif de cette fiche. Par ailleurs, pour éviter de dépasser la limite de caractères autorisée par FA dans un même post, nous vous conseillons de poster deux messages à la suite contenant chacun une partie du code proposé.Prénom NomQui est-il ? Un rappel de la psychologie générale de votre personnage, de ce à quoi il appartient, etc.
Relations Générales Les relations de votre personnage avec les autres groupes, certains types de personnes... Bref, ce qui n'est pas personnel.
Récapitulatif des RelationsBonnes | Mauvaises | Autres | Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut
| Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut
| Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut
|
Code par Dehvi sur Never-UtopiaSes relationsPrénom nom
Type de relation
Description de la relation
| Prénom nom
Type de relation
Description de la relation
| Prénom nom
Type de relation
Description de la relation
| Prénom nom
Type de relation
Description de la relation
| Code par Dehvi sur Never-Utopia - Code:
-
<style>@font-face {font-family: 'Pathway Gothic One';font-style: normal; font-weight:400;src:url(https://themes.googleusercontent.com/static/fonts/pathwaygothicone/v2/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff)format('woff'); }.perso{width: 500px;margin:auto;background-color: #222; color:#c3c3c3;} .persoh1{font-family:'Pathway Gothic One';text-align:center;font-size:48px;text-transform:uppercase;background-color:#b01a01;line-height:100px;color:white;margin-bottom:-30px;} .perso h2{font-family:'Pathway Gothic One';text-align:center;font-size:30px;text-transform:uppercase;background-color:#852818;line-height:50px;color:white;font-weight: normal;margin-top: 0px;margin-bottom:-15px;}.perso p{padding-left: 10px;padding-right: 10px;} .rps td{width: 160px;border-right: 3px solid #444; margin-bottom: 0px;} .rps{margin: auto;} .rps h3{font-family:'Pathway Gothic One';text-align:center;font-size:24px;text-transform:uppercase;background-color:#b01a01;line-height: 40px;color: white;margin-right:0px;margin-top:0px;margin-left: -2px;margin-right: -1px;margin-bottom: -2px;font-weight: normal;} .rps a{color:#c3c3c3;}</style>
<div class="perso"><h1>Prénom Nom</h1> <img src="http://placehold.it/500x100"/> <h2>Qui est-il ?</h2><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.
Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p> <h2>Relations Générales</h2><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.
Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p> <h2>Récapitulatif des Relations</h2>
<table class="rps"><tr><td><h3>Bonnes</h3></td><td><h3>Mauvaises</h3></td><td><h3>Autres</h3></td></tr><tr><td valign="top"> Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut </td><td valign="top"> Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut </td><td valign="top"> Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut Nom ▬ statut </td></tr></table><br /> <center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <ahref="http://www.never-utopia.com">Never-Utopia</a></center> </div>
<style>.perso{width: 500px;margin:auto;background-color: #222; color:#c3c3c3;}.perso h1{font-family:'Pathway Gothic One';text-align:center;font-size:48px;text-transform:uppercase;background-color:#b01a01;line-height:100px;color:white;margin-bottom:-30px;} .relations{margin: auto;} .relations h3{font-family:'Pathway Gothic One';text-align:center;font-size:24px;text-transform:uppercase;background-color:#b01a01;line-height: 40px;color: white;margin-right:0px;margin-top:0px;margin-bottom: -20px; font-weight: normal; max-width: 230px;} .relations td{width:180px; height: 150px; border-bottom: 4px solid #111;background-color: #333;} .relations td p{height: 150px; width: 220px; overflow-y:auto; overflow-x:auto; padding:5px; text-align: justify; margin-top: -5px; margin-bottom: -15px;} .relations img{border-bottom: 4px solid #111;} .relations strong{font-family: 'Pathway Gothic One';font-size: 16px;text-transform: uppercase;color: white;font-weight: normal;margin-bottom: -30px;display: block;}</style>
<div class="perso"><h1>Ses relations</h1>
<center><table class="relations"><tr><td><h3>Prénom nom</h3> <img src="IMAGE 230*100"/> <p><strong>Type de relation</strong>
Description de la relation</p> </td><td><h3>Prénom nom</h3> <img src="IMAGE 230*100"/> <p><strong>Type de relation</strong>
Description de la relation Description de la relation Description de la relation Description de la relation Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium.</p> </td></tr><tr><td><h3>Prénom nom</h3> <img src="IMAGE 230*100"/> <p><strong>Type de relation</strong>
Description de la relation</p> </td><td><h3>Prénom nom</h3> <img src="IMAGE 230*100"/> <p><strong>Type de relation</strong>
Description de la relation</p> </td></tr></table></center> <center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <ahref="http://www.never-utopia.com">Never-Utopia</a></center> </div> |
|