Formulaire de présentation.

<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> <!--
--><br/><span class="tli-champ">prénom</span> .....<!--
--><br/><span class="tli-champ">âge</span>..... <!--
--><br/><span class="tli-champ">Mutation </span>..... <!--
--></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>.....<!--
--><br/><span class="tli-champ">nationalité</span>.....<!--

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

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

/*** début du bloc physique ***/
--><span class="tli-target" id="physique"></span><!--
--><a href="#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 ***/
--><span class="tli-target" id="caractere"></span><!--
--><a href="#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 ***/
--><span class="tli-target" id="story"></span><!--
--><a href="#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">Et toi alors, là, derrière l'écran ?</div><!--
--><div class="tli-body"><br/><span class="tli-champ">Ton p'tit pseudo</span> .....<!--
--><br/><span class="tli-champ">Ton âge</span>..... <!--
--><br/><span class="tli-champ">Comment nous as tu trouvé ? </span>..... <!--</div><!--
--><br/><span class="tli-champ">Ton avis sur le forum ? </span>..... <!--</div><!--
--><br/><span class="tli-champ">Les codes des règlements ? </span>..... <!--</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"/>