Codes présentation

 :: Catégorie 1 :: Autriche-Hongrie Voir le sujet précédent Voir le sujet suivant Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Jeu 18 Juin - 16:27
Fiche de présentation (avec code CSS)

NOM PRENOM

Physionomie
FEAT Penguin factory

Ecrire ici

Mon image

informations

NOM - écrire ici
PRÉNOM - écrire ici
AGE - écrire ici

ORIENTATION - écrire ici
PARTICULARITE - écrire ici

caractère

Ecrire ici

histoire

Ecrire ici
(c) fiche crée par rits-u sur epicode


Code:

 <center><div class="fond_principal"><div class="titre_principal">NOM PRENOM</div><!--

    --><table width="100%"><tr><td width="220">
    <!--
    --><div class="titre1">Physionomie</div><div class="titre2">FEAT Penguin factory</div><div id="slides"><div>  <p><!--

    --> Ecrire ici <!--

    --></p>  <img alt="Mon image" src="http://i.imgur.com/nGsPv.png" /></div></div></td> <td>
    <!--
    --><div class="titre1">informations</div>
    <div class="bloc_texte1"> <b>NOM</b> - écrire ici
    <b>PRÉNOM</b> - écrire ici
    <b>AGE</b> - écrire ici

    <b>ORIENTATION</b> - écrire ici
    <b>PARTICULARITE</b> - écrire ici
    </div>
    <!--
    --><div class="titre1">caractère</div>
    <div class="bloc_texte1"> Ecrire ici
    </div> </td></tr></table><!--

    -->
    <div class="titre1">histoire</div><!--
    -->
    <div class="bloc_texte2"> Ecrire ici
    </div><div class="titre2">(c) fiche crée par rits-u sur epicode</div><!--

    --></div></center>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Lun 20 Juin - 14:51
il y a trois versions : par défaut, chaude et froide
pour changer de version, remplacer "template-linus-1 default" par "template-linus-1 warmer" ou "template-linus-1 colder"
si vous voulez rajouter un nouvel onglet dépliable, il vous faudra dupliquer l'un des blocs existants (histoire par exemple) et changer les paramètres id="..." et href="..." avec les mêmes valeurs, par exemple href="#toto" et id="toto"


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 civils

Physique
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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex.
Caractère
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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex.
Histoire
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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Nam placerat velit quis est molestie laoreet sed nec enim. Nullam facilisis ante purus, at auctor nunc dictum cursus. Vivamus nec porttitor diam. Praesent eget lobortis mauris, quis facilisis magna. Etiam nec rhoncus ipsum. Nullam eleifend pulvinar massa, sed aliquet velit feugiat id. Maecenas mollis, metus quis malesuada fermentum, nisl magna aliquam risus, eget semper lorem nisl at dolor. Mauris non leo sem. Cras vestibulum pulvinar turpis, sed fringilla erat commodo sed. Donec fringilla dignissim elit, eu convallis nunc feugiat ac. Pellentesque sit amet mi ullamcorper, gravida ligula vitae, interdum arcu. Fusce eros magna, commodo quis massa ut, viverra aliquet quam. Pellentesque mi arcu, efficitur id nunc et, imperdiet facilisis diam. Etiam vitae condimentum lectus, eget varius elit. Aliquam molestie nulla non pretium convallis. Phasellus euismod orci id leo placerat sollicitudin. Nulla vitae accumsan nisi, vel vulputate turpis. Morbi bibendum facilisis tellus vel porta. Mauris ut metus dapibus ipsum fringilla vulputate nec quis urna. Sed ut felis id lacus venenatis faucibus a ut neque. Nulla molestie enim faucibus facilisis suscipit. Nullam vitae elit ut orci congue fermentum. Cras ac nisi sem. Sed imperdiet at tellus volutpat pharetra. Pellentesque vel dolor lorem. Fusce a nibh elit. Sed vitae dignissim sapien. Vestibulum vel sem non metus scelerisque convallis. Aliquam eget sollicitudin mauris. Nullam ullamcorper tristique bibendum.
Autre onglet ouvert
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. 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. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. 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.
©linus pour Epicode


Code:
    <div class="template-linus-2 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 ***/
    --><div class="tli-header-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/3.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></div><!--
    /*** 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> civils<!--
    --></p></div></div><!--
    /*** fin du bloc entête droite ***/

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

    /*** début du bloc physique ***/
    --><a href="#physique" id="physique" class="tli-body-onglet" title="Physique">Physique</a><!--
    --><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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex.</div><!--
    /*** fin du bloc physique ***/

    /*** début du bloc caractère ***/
    --><a href="#caractere" id="caractere" class="tli-body-onglet" title="Caractère">Caractère</a><!--
    --><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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex.</div><!--
    /*** fin du bloc caractère ***/

    /*** début du bloc histoire ***/
    --><a href="#story" id="story" class="tli-body-onglet" title="Histoire">Histoire</a><!--
    --><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. Integer aliquet eros vel sapien efficitur, non pharetra mi euismod. Donec elementum consequat leo, ut ullamcorper lacus viverra eu. Fusce aliquam ipsum sed mi commodo tincidunt nec. Ut fermentum mollis nibh, auctor ullamcorper sem ultricies sit amet. Duis bibendum sapien non pharetra consequat. Ut at commodo mi. Nulla sit amet venenatis nisl. Vestibulum massa enim, semper nec magna placerat, feugiat laoreet turpis. Integer vestibulum nisl magna, non mollis libero mollis vitae. Aenean id eleifend tortor, vel tincidunt erat. Integer laoreet sapien eget neque ultricies, vitae fringilla lectus accumsan. Fusce eros urna, luctus non vulputate vitae, mollis quis dui. Cras elit turpis, fringilla eu interdum sit amet, euismod id sem. Fusce vestibulum suscipit ligula ut luctus. Pellentesque sagittis interdum dui, quis luctus diam fermentum ut. Nunc ac nisi eu metus dictum convallis eu quis nulla. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Nam placerat velit quis est molestie laoreet sed nec enim. Nullam facilisis ante purus, at auctor nunc dictum cursus. Vivamus nec porttitor diam. Praesent eget lobortis mauris, quis facilisis magna. Etiam nec rhoncus ipsum. Nullam eleifend pulvinar massa, sed aliquet velit feugiat id. Maecenas mollis, metus quis malesuada fermentum, nisl magna aliquam risus, eget semper lorem nisl at dolor. Mauris non leo sem. Cras vestibulum pulvinar turpis, sed fringilla erat commodo sed. Donec fringilla dignissim elit, eu convallis nunc feugiat ac. Pellentesque sit amet mi ullamcorper, gravida ligula vitae, interdum arcu. Fusce eros magna, commodo quis massa ut, viverra aliquet quam. Pellentesque mi arcu, efficitur id nunc et, imperdiet facilisis diam. Etiam vitae condimentum lectus, eget varius elit. Aliquam molestie nulla non pretium convallis. Phasellus euismod orci id leo placerat sollicitudin. Nulla vitae accumsan nisi, vel vulputate turpis. Morbi bibendum facilisis tellus vel porta. Mauris ut metus dapibus ipsum fringilla vulputate nec quis urna. Sed ut felis id lacus venenatis faucibus a ut neque. Nulla molestie enim faucibus facilisis suscipit. Nullam vitae elit ut orci congue fermentum. Cras ac nisi sem. Sed imperdiet at tellus volutpat pharetra. Pellentesque vel dolor lorem. Fusce a nibh elit. Sed vitae dignissim sapien. Vestibulum vel sem non metus scelerisque convallis. Aliquam eget sollicitudin mauris. Nullam ullamcorper tristique bibendum.</div><!--
    /*** fin du bloc histoire ***/

    /*** début du bloc autre onglet ouvert ***/
    --><div class="tli-body-onglet">Autre onglet ouvert</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. <span class="dialog">Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere.</span> 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. 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. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. 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.</div><!--
    /*** fin du bloc autre onglet ouvert ***/

    --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target=_blank>Epicode</a></div></div><!--
    --><link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/2.css"/>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 1 Juil - 22:22
une fiche de présentation avec des blocs dépliables, qui se décline en plusieurs versions
pour changer de version, la ligne de code à modifier est la suivante :
Citation :
- position de la colonne : vous pouvez changer la position de la colonne en remplaçant "template-linus-9 tli-col-left" (colonne à gauche) par "template-linus-9 tli-col-right" (colonne à droite)
- couleur : ce template se décline en 15 nuances (oui, vous avez bien lu, QUINZE)

pour changer de couleur, remplacer "template-linus-9 tli-col-left" par "template-linus-9 tli-col-left rainbow1", ou "template-linus-9 tli-col-left rainbow2", ou "template-linus-9 tli-col-left rainbow3" ...

pour vous aider à choisir votre couleur :


avatar2

dit jean-patoche la pantoufle

nom Bruelle.
prénom Jean-patrick.
âge Il a 33 ans et encore toutes ses dents.
né(e) le 00/00/0000.
sexe Masculin.
nationalité Française. Il aime les baguettes et le saucisson.
métier Chanteur du dimanche.
groupe Les artistes de chez mémé.
avatar1caractère
Jean-patrick aime chanter, tout le temps, et quand il chante ça fait : lorem, 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque.
avatar1physique
Il est beau, patoche, il a les proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque.
avatar1histoire
Il est tombé dedans quand il était petit. Dedans quoi, vous allez me d'mander ? La musique, d'ailleurs 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim ...
et je chante chanteuh chanteuh ce refrain qui me plaît, et je tape tape tape sur mon clavier. // jean-patoche bruelle.
avatar1autres
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.
©linus pour Epicode


Code:
    <div class="template-linus-9 tli-col-left"><!-- ajouter un rainbow ici pour des couleurs alternatives
    --><div class="tli-margin"><!--

    /*** début du bloc entête ***/
    --><div class="tli-header"><!--
    --><div class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/23.jpg" alt="avatar2"/><!-- vous pouvez ajouter plus d'une image avec un copié/collé de cette ligne
    --></div><!--
    --><h2>dit jean-patoche la pantoufle</h2><!--
    --><div class="tli-fields"><!--
    --><span>nom</span> Bruelle.<br/><!--
    --><span>prénom</span> Jean-patrick.<br/><!--
    --><span>âge</span> Il a 33 ans et encore toutes ses dents.<br/><!--
    --><span>né(e) le</span> 00/00/0000.<br/><!--
    --><span>sexe</span> Masculin.<br/><!--
    --><span>nationalité</span> Française. Il aime les baguettes et le saucisson.<br/><!--
    --><span>métier</span> Chanteur du dimanche.<br/><!--
    --><span>groupe</span> Les artistes de chez mémé.<br/><!--
    --></div><!--
    --></div><!--
    /*** fin du bloc entête ***/

    /*** début du bloc corps de texte ***/
    --><div class="tli-body"><!--

    /*** début du bloc caractère ***/
    --><span class="tli-onglet-marqueur" id="caractere"></span><!--
    --><a href="#caractere" class="tli-onglet"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/25.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
    -->caractère<!--
    --></a><!--
    --><div class="tli-rtl tli-onglet-hidden"><!--
    -->Jean-patrick aime chanter, tout le temps, et quand il chante ça fait : lorem, 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque.<!--
    --></div><!--
    /*** fin du bloc caractère ***/

    /*** début du bloc physique ***/
    --><span class="tli-onglet-marqueur" id="physique"></span><!--
    --><a href="#physique" class="tli-onglet"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/26.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
    -->physique<!--
    --></a><!--
    --><div class="tli-rtl tli-onglet-hidden"><!--
    -->Il est beau, patoche, il a les proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque.<!--
    --></div><!--
    /*** fin du bloc physique ***/

    /*** début du bloc histoire ***/
    --><span class="tli-onglet-marqueur tli-default-opened" id="histoire"></span><!--
    --><a href="#histoire" class="tli-onglet"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/24.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
    -->histoire<!--
    --></a><!--
    --><div class="tli-rtl tli-onglet-hidden"><!--
    -->Il est tombé dedans quand il était petit. Dedans quoi, vous allez me d'mander ? La musique, d'ailleurs 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. 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. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim ...<!--
    --></div><!--
    /*** fin du bloc histoire ***/

    /*** début du bloc citation ***/
    --><div class="tli-quote"><!--
    -->et je chante chanteuh chanteuh ce refrain qui me plaît, et je tape tape tape sur mon clavier. // jean-patoche bruelle.<!--
    --></div><!--
    /*** fin du bloc citation ***/

    /*** début du bloc autres ***/
    --><span class="tli-onglet"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/23.jpg" alt="avatar1"/><!-- illustration facultative (vous pouvez la supprimer)
    -->autres<!--
    --></span><!--
    --><div class="tli-rtl tli-onglet-visible"><!--
    -->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 autres ***/

    --></div><!--
    /*** fin du bloc corps de texte ***/

    --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target="_blank">Epicode</a></div><!--
    --></div><!--
    --></div><!--
    --><link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/9.css"/>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 5 Aoû - 11:41
Explications du code

mon avatarjean peuplux davincourt

jean peuplux davincourt

l'ombre de ton iench

  • prénom(s)jean
  • nompeuplux davincourt
  • sexemasculin
  • âge43 ans
  • date de naissance26 janvier
  • nationalitébelge
  • métierpeintre au chômage
  • groupeartistes
  • sous-groupemembre
mon avatar

caractère

sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux

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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
mon avatar

physique

sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux

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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
mon avatar

histoire

sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux

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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.

hors jeu

parce qu'en général t'as une vie à côté

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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat.
©linus pour Epicode


Code:
    <div class="template-linus-13 lighter"><!-- remplacer lighter par darker pour une luminosité alternative
    --><div class="tli-margin"><!--

    /*** début du bloc liens ***/
    --><div class="tli-header tli-gradient"><!-- remplacer tli-gradient par tli-flat pour enlever le dégradé
    --><a href="#" title="Voir ma fiche" target="_blank" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/23.jpg" alt="mon avatar"/><!--
    --><span>jean peuplux davincourt</span><!--
    --></a><!--
    --><h2>jean peuplux davincourt</h2><!--
    --><div class="tli-separator"><!--
    --><i class="fa fa-paper-plane"></i><!--
    --></div><!--
    --><h3>l'ombre de ton iench</h3><!--
    --></div><!--
    /*** fin du bloc liens ***/

    /*** début du bloc corps de texte ***/
    --><div class="tli-body"><!--

    --><ul class="tli-fields"><!--
    --><li><!--
    --><span>prénom(s)</span><!--
    -->jean<!--
    --></li><!--
    --><li><!--
    --><span>nom</span><!--
    -->peuplux davincourt<!--
    --></li><!--
    --><li><!--
    --><span>sexe</span><!--
    -->masculin<!--
    --></li><!--
    --><li><!--
    --><span>âge</span><!--
    -->43 ans<!--
    --></li><!--
    --><li><!--
    --><span>date de naissance</span><!--
    -->26 janvier<!--
    --></li><!--
    --><li><!--
    --><span>nationalité</span><!--
    -->belge<!--
    --></li><!--
    --><li><!--
    --><span>métier</span><!--
    -->peintre au chômage<!--
    --></li><!--
    --><li><!--
    --><span>groupe</span><!--
    -->artistes<!--
    --></li><!--
    --><li><!--
    --><span>sous-groupe</span><!--
    -->membre<!--
    --></li><!--
    --></ul><!--

    /*** début du bloc caractère ***/
    --><div class="tli-block"><!--

    /*** début titre ***/
    --><a href="#caractère" class="tli-line"><!--
    --><div class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/27.jpg" alt="mon avatar"/><!--
    --></div><!--
    --><div class="tli-inner-line"><!--
    --><h2>caractère</h2><!--
    --><h3>sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux</h3><!--
    --></div><!--
    --></a><!--
    /*** fin titre ***/
   
    --><span class="tli-target" id="caractère"></span><!--
    --><div class="tli-details"><!--
    -->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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc caractère ***/
    /*** début du bloc physique ***/
    --><div class="tli-block"><!--

    /*** début titre ***/
    --><a href="#physique" class="tli-line"><!--
    --><div class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/25.jpg" alt="mon avatar"/><!--
    --></div><!--
    --><div class="tli-inner-line"><!--
    --><h2>physique</h2><!--
    --><h3>sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux</h3><!--
    --></div><!--
    --></a><!--
    /*** fin titre ***/
   
    --><span class="tli-target" id="physique"></span><!--
    --><div class="tli-details"><!--
    -->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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc physique ***/
    /*** début du bloc histoire ***/
    --><div class="tli-block"><!--

    /*** début titre ***/
    --><a href="#histoire" class="tli-line"><!--
    --><div class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/26.jpg" alt="mon avatar"/><!--
    --></div><!--
    --><div class="tli-inner-line"><!--
    --><h2>histoire</h2><!--
    --><h3>sous-titre, ici tu peux citer rimbaud ou baudelaire si tu veux</h3><!--
    --></div><!--
    --></a><!--
    /*** fin titre ***/
   
    --><span class="tli-target" id="histoire"></span><!--
    --><div class="tli-details"><!--
    -->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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc histoire ***/
   
    /*** début du bloc autres ***/
    --><div class="tli-block tli-default-opened"><!--

    /*** début titre ***/
    --><div class="tli-line"><!--
    --><div class="tli-inner-line"><!--
    --><h2>hors jeu</h2><!--
    --><h3>parce qu'en général t'as une vie à côté</h3><!--
    --></div><!--
    --></div><!--
    /*** fin titre ***/
   
    --><span class="tli-target" id="autres"></span><!--
    --><div class="tli-details"><!--
    -->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. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc autres ***/

    --></div><!--
    /*** fin du bloc corps de texte ***/

    --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target="_blank">Epicode</a></div><!--
    --></div><!--
    --></div><!--
    --><link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/13.css?color1p=8191d0"/><!-- remplacer ici la couleur si vous le souhaitez
    --><link rel="stylesheet" href="http://strandhogg.fr/epicode/css/font-awesome.min.css"><!--
    --><link href="https://fonts.googleapis.com/css?family=Raleway|Unica+One" rel="stylesheet">
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Mar 29 Nov - 21:56
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 6 Jan - 19:18
Formulaire et générateur de fiche de présentation

http://www.never-utopia.com/t60709-formulaire-de-presentation
http://epicode.bbactif.com/t10643-generateur-de-fiche-de-presentation
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Modèle de présentation
» Présentation de certaines personnes !
» Présentation de la guilde sur JoL.
» Message de présentation & de recrutement
» [Blog] Présentation de Ackross (perso R.P.G)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Catégorie 1 :: Autriche-Hongrie-
Sauter vers: