Sujet: ☀ modèle facultatif de liens Lun 1 Mai - 16:31
Les liens
Tu cherches une fiche de lien et tu n'as pas envie de faire le tour des forums de graphisme et de codage pour en trouver une? Tu es au bon endroit. Tu peux, si tu le souhaites, utiliser ton premier post de présentation pour le premier post de liens. Tu as le choix entre deux modèles pour le deuxième post et tu n'es pas obligé(e) de suivre celui que l'on te propre: c'est toi qui choisis
174 Meryl Streep Angel Dust 09/04/2017 Il n'y a pas deux phénomènes comme moi.
Lady McTaylor
Sujet: Re: ☀ modèle facultatif de liens Lun 1 Mai - 16:31
Prénom Prénom Nom petite citation
Nom(s) ici Prénom(s) iciDate et lieu de naissance ici Âge ici Nationalité ici Origines ici Situation financière ici Situation amoureuse ici Orientation sexuelle ici Année et cursus choisi ici Spécialisation(s) ici Job ici
Mes recherches de lien (F/M) Titre du lien description description description description description description description description description description description description
Code:
<div class="hfp"></div><div class="corfiche"> <div class="nompre">Prénom <ms>Prénom</ms> Nom <cit>petite citation</cit></div> <div class="imghfp"><img src="http://68.media.tumblr.com/33f6c11a13e4a9caea5e865a5702367a/tumblr_mzken3JUJi1qapotyo3_r1_250.gif" /> <img src="http://68.media.tumblr.com/2f1017cc4e7a1e2d3c5c46f50bcc6fc0/tumblr_mzken3JUJi1qapotyo6_r1_250.gif"/></div> <div class="tix"><kln>Nom(s)</kln> ici <kln>Prénom(s)</kln> ici<kln>Date et lieu de naissance</kln> ici <kln>Âge</kln> ici <kln>Nationalité</kln> ici <kln>Origines</kln> ici <kln>Situation financière</kln> ici <kln>Situation amoureuse</kln> ici <kln>Orientation sexuelle</kln> ici <kln>Année et cursus choisi</kln> ici <kln>Spécialisation(s)</kln> ici <kln>Job</kln> ici </div>
<div class="nompre">Mes <ms>recherches</ms> de lien <cit style="text-align: justify;"><strong>(F/M) Titre du lien</strong> description description description description description description description description description description description description </cit></div> </div><div class="bfi"></div>
174 Meryl Streep Angel Dust 09/04/2017 Il n'y a pas deux phénomènes comme moi.
Lady McTaylor
Sujet: Re: ☀ modèle facultatif de liens Lun 1 Mai - 16:31
Liens Féminins petite citation
Pseudo type de lien Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Pseudo type de lien Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Code:
<div class="hfp"></div><div class="corfiche"> <div class="nompre">Liens <ms>Féminins</ms> <cit>petite citation</cit></div><!----- ----> <table class="ifp"><tr><td><div style="background-image: url('http://i1251.photobucket.com/albums/hh546/Eurybie/7-30.png');" class="ifpava"><div class="crd"><!------------- -----><div class="fle"><ttl>Pseudo</ttl> <kln>type de lien</kln> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td><td><div style="background-image: url('http://i1251.photobucket.com/albums/hh546/Eurybie/7-30.png');" class="ifpava"><div class="crd"><!------------- -----><div class="fle"><ttl>Pseudo</ttl> <kln>type de lien</kln> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td></table> </div> </div><div class="bfi"></div>
Ajouter une ligne d'avatars:
Code:
<table class="ifp"><tr><td><div style="background-image: url('http://i1251.photobucket.com/albums/hh546/Eurybie/7-30.png');" class="ifpava"><div class="crd"><!------------- -----><div class="fle"><ttl>Pseudo</ttl> <kln>type de lien</kln> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td><td><div style="background-image: url('http://i1251.photobucket.com/albums/hh546/Eurybie/7-30.png');" class="ifpava"><div class="crd"><!------------- -----><div class="fle"><ttl>Pseudo</ttl> <kln>type de lien</kln> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td></table>
Liens féminins petite citation
Pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Code:
<div class="hfp"></div><div class="corfiche"> <div class="nompre">Liens <ms>féminins</ms> <cit>petite citation</cit></div><!----- ----> <div class="bul"><div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div> <div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div> <div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div> </div> </div><div class="bfi"></div>
Ajouter une ligne d'infobulles:
Code:
<div class="bul"><div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div> <div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div> <div class="infobulle"><!-- tu peux changer l'étoile par une icône carrée --><img src="METTRE UN ICON"/><div><div class="ctifbulle"><h1>Pseudo</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div>
174 Meryl Streep Angel Dust 09/04/2017 Il n'y a pas deux phénomènes comme moi.