compte fondateur Date d'inscription : 12/10/2020
Messages : 271
Crédits : © ravenkroft
| Sujet: Modèle de fiche de liens (facultative) Ven 9 Juil - 17:51 | |
| modèle de fiche de liens — facultative — Vous pouvez vous accorder au thème du forum avec les codes ci-dessous. PREMIER POSTVersion avec un gif - Code:
-
<div class="post-wrapper wtabs"><div class="title">Prénom P. Nom</div><div class="subtitle">petite citation</div><div class="separator"></div><div class="img-wrapper"><img title="Gif par [CREDITS]" src="UN GIF UN GIF" /></div><div class="flex-wrapper"><div class="content-wrapper"><div class="content text-wrapper active" id="tab-one"><span class="magic marge">INFORMATIONS GÉNÉRALES</span> <span class="revenge maj">NOM(s) :</span> réponse. <span class="sweet maj">PRÉNOM(s) :</span> réponse. <span class="revenge maj">ÂGE :</span> réponse. <span class="sweet maj">DATE ET LIEU DE NAISSANCE :</span> réponse. <span class="revenge maj">POUVOIR :</span> réponse. <span class="sweet maj">PARTICULARITÉS :</span> réponse. [i](marque de valtor, autre)[/i] <span class="revenge maj">GROUPE :</span> réponse.
<span class="sweet maj">ÉTUDES :</span> réponse. <span class="revenge maj">NIVEAU MAGIQUE :</span> [i](place de la magie dans votre vie, préciser le niveau de transformation si fée/sorcier.ère)[/i] réponse. <span class="sweet maj">CAPACITÉS PHYSIQUES :</span> réponse. <span class="revenge maj">MÉTIER :</span> réponse. <span class="sweet maj">QUARTIER D'HABITATION :</span> réponse.
<span class="revenge maj">SITUATION AMOUREUSE :</span> réponse. <span class="sweet maj">SITUATION FINANCIERE :</span> réponse.
</div><div class="content text-wrapper" id="tab-two"><span class="magic marge">ANECDOTES</span>
partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes.</div> <div class="content text-wrapper" id="tab-three"><span class="magic marge">LIENS RECHERCHÉS</span>
écrire ici, présentation libre. </div></div></div></div> Version avec deux gifs - Code:
-
<div class="post-wrapper double wtabs"><div class="title">Prénom P. Nom</div><div class="subtitle">petite citation</div><div class="separator"></div><div class="double-wrapper"><div class="img-wrapper"><img title="Gif par [CREDITS]" src="UN GIF UN GIF" /></div><div class="img-wrapper"><img title="Gif par [CREDITS]" src="UN GIF UN GIF" /></div></div><div class="flex-wrapper"><div class="content-wrapper"><div class="content text-wrapper active" id="tab-one"><span class="magic marge">INFORMATIONS GÉNÉRALES</span> <span class="revenge maj">NOM(s) :</span> réponse. <span class="sweet maj">PRÉNOM(s) :</span> réponse. <span class="revenge maj">ÂGE :</span> réponse. <span class="sweet maj">DATE ET LIEU DE NAISSANCE :</span> réponse. <span class="revenge maj">POUVOIR :</span> réponse. <span class="sweet maj">PARTICULARITÉS :</span> réponse. [i](marque de valtor, autre)[/i] <span class="revenge maj">GROUPE :</span> réponse.
<span class="sweet maj">ÉTUDES :</span> réponse. <span class="revenge maj">NIVEAU MAGIQUE :</span> [i](place de la magie dans votre vie, préciser le niveau de transformation si fée/sorcier.ère)[/i] réponse. <span class="sweet maj">CAPACITÉS PHYSIQUES :</span> réponse. <span class="revenge maj">MÉTIER :</span> réponse. <span class="sweet maj">QUARTIER D'HABITATION :</span> réponse.
<span class="revenge maj">SITUATION AMOUREUSE :</span> réponse. <span class="sweet maj">SITUATION FINANCIERE :</span> réponse.
</div><div class="content text-wrapper" id="tab-two"><span class="magic marge">ANECDOTES</span>
partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes. | partie libre, au minimum dix anecdotes.</div> <div class="content text-wrapper" id="tab-three"><span class="magic marge">LIENS RECHERCHÉS</span>
écrire ici, présentation libre. </div></div></div></div> LES LIENS - Code:
-
<div class="post-wrapper"><div class="title">Titre</div><div class="subtitle">Sous-titre</div><div class="links-wrapper"><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div></div></div> AJOUTER DES LIENSA ajouter avant les deux dernières balises de la fiche de lien ("</div></div>") - Code:
-
<div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div><div class="link-wrapper"><div class="desc-wrapper"><img src="LIEN AVATAR" title="CREDIT AVATAR" /><div class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet malesuada elementum. Vivamus ac tortor sollicitudin ante eleifend cursus. Sed sollicitudin malesuada diam eget euismod. Quisque odio leo, congue eget purus quis, ullamcorper lobortis quam. Duis molestie laoreet elit eu scelerisque. Nam ultrices accumsan mauris in porta. Cras ultricies mi ac posuere blandit. Cras vitae lacus augue. Aliquam consequat laoreet eros, eget consequat enim placerat tempus. Phasellus bibendum ligula eu vestibulum cursus. Donec at elit quis dui tempor lobortis. Fusce rhoncus viverra erat at volutpat. Nulla suscipit at libero ac vestibulum. Donec eu euismod mi. Ut dapibus justo vel magna egestas, ac ornare velit molestie.
Curabitur non aliquam tellus, sit amet malesuada libero. Nam et arcu dictum, vestibulum massa eu, porta lorem. Duis aliquam finibus libero, ut consequat tortor placerat at. Vivamus fringilla semper turpis aliquam tempus. Vivamus sodales dignissim lectus, a tristique nibh laoreet eu. Nam rhoncus sed mi et laoreet. Donec lacinia felis ullamcorper eros varius, ut lacinia risus placerat. In lacinia lacus at urna ullamcorper, id porta sapien posuere. Donec viverra est tellus, in tempus augue tristique nec. Aliquam metus lectus, fermentum in est nec, hendrerit semper odio. Nunc ac maximus augue.
Aliquam facilisis mi quis justo venenatis, vitae suscipit mi varius. Curabitur ac convallis augue. Donec interdum ornare arcu, at hendrerit dolor fringilla nec. Fusce tellus dui, ultrices vitae luctus nec, feugiat vel urna. Nunc sagittis vitae lorem non venenatis. Phasellus sem turpis, pretium non leo eget, vehicula lacinia libero. Nulla nisl leo, tempor ac quam eget, elementum consequat ligula. Vivamus sed nibh urna. Sed eu nunc orci. Pellentesque vestibulum neque sed lacus sagittis vulputate. Integer malesuada turpis vitae ornare semper. Nam lorem massa, suscipit quis pellentesque non, fringilla id nibh.</div></div><div class="pseudo">Prénom J. Pé</div><div class="link">Type de lien</div></div> |
|