MODÈLE FICHE DE LIEN OBLIGATOIRE ..
MODÈLE FICHE DE LIEN OBLIGATOIRE Vl3n
MODÈLE FICHE DE LIEN OBLIGATOIRE 9y5g
MODÈLE FICHE DE LIEN OBLIGATOIRE H684
MODÈLE FICHE DE LIEN OBLIGATOIRE 05ta

Voir le sujet précédent Voir le sujet suivant Aller en bas
Choixpeau
Le Grand Maître
Choixpeau
Un petit gif? : MODÈLE FICHE DE LIEN OBLIGATOIRE Hr2y
Messages : 99
Camp : Ordre
Emploi/loisirs : Choixpeau à Poudlard
Un autre petit gif? : MODÈLE FICHE DE LIEN OBLIGATOIRE 4eq5
Date d'inscription : 12/09/2018
Localisation : Poudlard
Humeur : Fatigué
Commentaires : « Il en chante une différente chaque fois. Ca ne doit pas être très drôle, comme vie, d’être un chapeau. J’imagine qu’il doit passer toute l’année à préparer la prochaine chanson. » – Ron Weasley
Jeu 27 Sep - 5:27

nom prenom

une petite citation un peu classe

nom lorem ipsum
prénom lorem ipsum
âge 08 ans
né(e) le 00/00/0000

mon avatarnomprenom nomprenom

sexe masculin
nationalité française
métier collégien
groupe Ombre/Ordre

ce que je recherche
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.
nom prénom
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.
nom prénom
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.
nom prénom
affinités
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.
nom prénom
affinités
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.
©️linus pour Epicode



Code:
<div class="template-linus-3 default"><!-- remplacer default par warmer ou colder pour des couleurs alternatives

/*** début du bloc entête ***/
--><div class="tli-header"><!--
--><h2>nom prenom</h2><!--
--><h3>une petite citation un peu classe</h3><!--

   /*** début du bloc entête gauche ***/
   --><div class="tli-header-cols"><div class="tli-header-left"><p><!--
   --><span class="tli-champ">nom</span> lorem ipsum<!--
   --><br/><span class="tli-champ">prénom</span> lorem ipsum<!--
   --><br/><span class="tli-champ">âge</span> 08 ans<!--
   --><br/><span class="tli-champ">né(e) le</span> 00/00/0000<!--
   --></p></div><!--
   /*** fin du bloc entête gauche ***/

/*** début avatar ***/
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
--><img src="http://strandhogg.fr/epicode/placeholders/9.jpg" alt="mon avatar"/><!--
--><span>nomprenom nomprenom</span><!--
--></a><!--
/*** fin avatar ***/

   /*** début du bloc entête droite ***/
   --><div class="tli-header-right"><p><!--
   --><span class="tli-champ">sexe</span> masculin<!--
   --><br/><span class="tli-champ">nationalité</span> française<!--
   --><br/><span class="tli-champ">métier</span> collégien<!--
   --><br/><span class="tli-champ">groupe</span> Ombre/Ordre<!--
   --></p></div></div><!--
   /*** fin du bloc entête droite ***/

--></div><!--
/*** fin du bloc entête ***/

/*** début du bloc recherche ***/
--><div class="tli-body-onglet">ce que je recherche</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><!--
/*** fin du bloc recherche ***/

/*** début des blocs liens ***/
--><div class="tli-liens"><!--

/*** début du bloc lien ***/
--><div class="tli-lien"><!--
--><div class="tli-body-onglet">nom prénom</div><!--
--><div class="tli-details"><!--

/*** début avatar ***/
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
--><img src="http://strandhogg.fr/epicode/placeholders/6.jpg" alt="mon avatar"/><!--
--><span>nomprenom nomprenom</span><!--
--></a><!--
/*** fin avatar ***/

--></div><!--

/*** début liens rps et affinité ***/
--><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 grise, tli-love-N pour la barre verte ***/
--><div class="tli-affinites-bar tli-hate-1 tli-love-5"></div><!--
--></div><!--
--><div class="tli-rps"><!--
--><span>rps</span><!--
--><div><!--
--><a href="#" target=_blank>lien1</a> <!--
--><a href="#" target=_blank>lien2</a> <!--
--><a href="#" target=_blank>lien3</a> <!--
--><a href="#" target=_blank>lien4</a> <!--
--><a href="#" target=_blank>lien5</a> <!--
--><a href="#" target=_blank>lien6</a> <!--
--></div><!--
--></div><!--
--></div><!--
/*** fin liens rps et affinité ***/

--><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><!--
/*** fin du bloc lien ***/

/*** début du bloc lien ***/
--><div class="tli-lien"><!--
--><div class="tli-body-onglet">nom prénom</div><!--
--><div class="tli-details"><!--

/*** début avatar ***/
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
--><img src="http://strandhogg.fr/epicode/placeholders/7.jpg" alt="mon avatar"/><!--
--><span>nomprenom nomprenom</span><!--
--></a><!--
/*** fin avatar ***/

--></div><!--

/*** début liens rps et affinité ***/
--><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 grise, tli-love-N pour la barre vert ***/
--><div class="tli-affinites-bar tli-hate-5 tli-love-5"></div><!--
--></div><!--
--><div class="tli-rps"><!--
--><span>rps</span><!--
--><div><!--
--><a href="#" target=_blank>lien1</a> <!--
--><a href="#" target=_blank>lien2</a> <!--
--><a href="#" target=_blank>lien3</a> <!--
--><a href="#" target=_blank>lien4</a> <!--
--><a href="#" target=_blank>lien5</a> <!--
--><a href="#" target=_blank>lien6</a> <!--
--><a href="#" target=_blank>lien7</a> <!--
--><a href="#" target=_blank>lien8</a> <!--
--></div><!--
--></div><!--
--></div><!--
/*** fin liens rps et affinité ***/

--><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><!--
/*** fin du bloc lien ***/

/*** début du bloc lien ***/
--><div class="tli-lien"><!--
--><div class="tli-body-onglet">nom prénom</div><!--
--><div class="tli-details"><!--

/*** début avatar ***/
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
--><img src="http://strandhogg.fr/epicode/placeholders/8.jpg" alt="mon avatar"/><!--
--><span>nomprenom nomprenom</span><!--
--></a><!--
/*** fin avatar ***/

--></div><!--

/*** début liens rps et affinité ***/
--><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 grise, tli-love-N pour la barre verte ***/
--><div class="tli-affinites-bar tli-hate-2 tli-love-2"></div><!--
--></div><!--
--><div class="tli-rps"><!--
--><span>rps</span><!--
--><div><!--
--><a href="#" target=_blank>lien1</a> <!--
--><a href="#" target=_blank>lien2</a> <!--
--></div><!--
--></div><!--
--></div><!--
/*** fin liens rps et affinité ***/

--><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><!--
/*** fin du bloc lien ***/

/*** début du bloc lien ***/
--><div class="tli-lien"><!--
--><div class="tli-body-onglet">nom prénom</div><!--
--><div class="tli-details"><!--

/*** début avatar ***/
--><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
--><img src="http://strandhogg.fr/epicode/placeholders/9.jpg" alt="mon avatar"/><!--
--><span>nomprenom nomprenom</span><!--
--></a><!--
/*** fin avatar ***/

--></div><!--

/*** début liens rps et affinité ***/
--><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 grise, tli-love-N pour la barre verte ***/
--><div class="tli-affinites-bar tli-hate-4 tli-love-3"></div><!--
--></div><!--
--><div class="tli-rps"><!--
--><span>rps</span><!--
--><div><!--
--><a href="#" target=_blank>lien1</a> <!--
--><a href="#" target=_blank>lien2</a> <!--
--><a href="#" target=_blank>lien3</a> <!--
--><a href="#" target=_blank>lien4</a> <!--
--></div><!--
--></div><!--
--></div><!--
/*** fin liens rps et affinité ***/

--><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><!--
/*** fin du bloc lien ***/

--></div><!--
/*** fin des blocs liens ***/

--><div class="tli-credits">©️linus pour <a href="http://epicode.bbactif.com/" target=_blank>Epicode</a></div></div>
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1
Sauter vers: