Cette zone sert principalement à recenser les relations qu'entretient votre personnage avec les autres membres. En ouvrant un sujet avec le titre de votre choix - mais pas trop à rallonge s'il vous plaît - vous pourrez gérer ses liens et leur évolution. N'hésitez pas non plus à aller poster dans le sujet des autres membres afin de faire des demandes! Ne soyez pas timides et venez comme vous êtes
Au niveau des codages utilisés pour les fiches de relation, une fiche obligatoire se trouve plus bas. Ainsi, il n'y aura aucun soucis avec les couleurs ou les codes. Le tout sera donc harmoniser avec chaque design du forum.
présentation
- Code:
- <center><div class="template-linus-3 default">
<div class="tli-header"><h2>NomPrénom</h2><h3>une petite citation un peu classe</h3><!--
--><div class="tli-header-cols"><div class="tli-header-left"><p><span class="tli-champ">nom</span> ici<br/><span class="tli-champ">prénom</span> ici<br/><span class="tli-champ">âge</span> ici<br/><span class="tli-champ">né(e) le</span> 00/00/0000</p></div><!--
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><img src="https://78.media.tumblr.com/f6d958befc4e5094f674c038fe35bb91/tumblr_panekgSsNU1s7in0vo6_400.png" alt="mon avatar"/><span>nomprenom nomprenom</span></a><!--
--><div class="tli-header-right"><p><span class="tli-champ">nationalité</span> ici<br/><span class="tli-champ">groupe</span> ici<br/><span class="tli-champ">spécialités</span> ici<br/><span class="tli-champ">orientation sexuelle</span> ici</p></div></div>=</div><!---->
<div class="tli-body-onglet">Parlez nous de vous</div><!--
--><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div>
<div class="tli-body-onglet">Idée de lien</div><!--
--><div class="tli-body">
<span class="cs">(F/M) lien </span> votre idée
<span class="cs">(F/M) lien </span> votre idée
<span class="cs">(F/M) lien </span> votre idée
</div>
<!----><div class="tli-credits">️linus pour <a href="http://epicode.bbactif.com/" target=_blank>Epicode</a></div></div></center>
les liens
- Code:
- <center><div class="template-linus-3 default">
<div class="tli-liens"><div class="tli-lien"><div class="tli-body-onglet">nom prénom</div><div class="tli-details"><!--
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><img src="https://78.media.tumblr.com/8d7ff086a0be23ebbacfd3889dfe867c/tumblr_pafwnkBuFQ1x698iso3_250.jpg" alt="mon avatar"/><span>nomprenom nomprenom</span></a><!--
--></div><div class="tli-more"><div class="tli-affinites"><span>affinités</span><!--
/*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
--><div class="tli-affinites-bar tli-hate-1 tli-love-5"></div></div><!--
--></div><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
--></div><!--
--><div class="tli-lien"><div class="tli-body-onglet">nom prénom</div><div class="tli-details"><!--
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><img src="https://78.media.tumblr.com/8d7ff086a0be23ebbacfd3889dfe867c/tumblr_pafwnkBuFQ1x698iso3_250.jpg" alt="mon avatar"/><span>nomprenom nomprenom</span></a><!--
--></div><div class="tli-more"><div class="tli-affinites"><span>affinités</span><!--
/*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
--><div class="tli-affinites-bar tli-hate-5 tli-love-5"></div></div><!--
--></div><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
--></div><!--
--><div class="tli-lien"><div class="tli-body-onglet">nom prénom</div><div class="tli-details"><!--
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><img src="https://78.media.tumblr.com/8d7ff086a0be23ebbacfd3889dfe867c/tumblr_pafwnkBuFQ1x698iso3_250.jpg" alt="mon avatar"/><span>nomprenom nomprenom</span></a><!--
--></div><div class="tli-more"><div class="tli-affinites"><span>affinités</span><!--
/*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
--><div class="tli-affinites-bar tli-hate-2 tli-love-2"></div></div><!--
--></div><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
--></div><!--
--><div class="tli-lien"><div class="tli-body-onglet">nom prénom</div><div class="tli-details"><!--
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><img src="https://78.media.tumblr.com/8d7ff086a0be23ebbacfd3889dfe867c/tumblr_pafwnkBuFQ1x698iso3_250.jpg" alt="mon avatar"/><span>nomprenom nomprenom</span></a><!--
--></div><div class="tli-more"><div class="tli-affinites"><span>affinités</span><!--
/*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
--><div class="tli-affinites-bar tli-hate-4 tli-love-3"></div></div></div><!--
--><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div></div><!--
--></div><div class="tli-credits">️linus pour <a href="http://epicode.bbactif.com/" target=_blank>Epicode</a></div></div></center>