Modèle de fiche de liens

<style>.rectblanc { width: 260px; height: 320px; background: #f1ede5; border-radius: 5px; } .fichepseudo { font-size: 18px; font-family: Times New Roman; text-transform: uppercase; letter-spacing: -1px; word-spacing: -4px; text-shadow: 0px 0px 2px; } .infos1 { background: #f8f7f4; width: 240px; padding: 5px; height: 75px; overflow: auto; text-align: justify; color: #aba89f; font-family: arial; font-size: 11px; line-height: 10px; } .fichegif { width: 140px; } .infos2 { background: #f8f7f4; width: 102px; height: 70px; padding: 2px; overflow: auto; text-align: justify; color: #aba89f; font-size: 9px; font-family: arial; line-height: 8px; } .infos3 { background: #f8f7f4; width: 240px; height: 124px; padding: 5px; overflow: auto; text-align: justify; color: #aba89f; font-family: arial; font-size: 11px; line-height: 10px; } .credits { margin-top: 4px; padding: 1px; width: 460px; background: #f1ede5; font-size: 8px; color: #aba89f; font-family: arial; }#avainfos { width: 200px; height: 320px; overflow: hidden; } .ficheava { width: 200px; height: 320px; } .ficheinfos { width: 190px; height: 310px; background: #f8f7f4; margin-top: 0px; transition: all 1s; border-radius: 5px; } #avainfos:hover>.ficheinfos { margin-top: -315px; } .liensr { font-size: 20px; font-family: Times New Roman; text-transform: uppercase; letter-spacing: -1px; word-spacing: -4px; color: #858481; text-shadow: 0px 0px 2px; } .liensr2 { width: 180px; height: 300px; overflow: auto; text-align: justify; color: #aba89f; font-family: arial; font-size: 11px; line-height: 10px; } .liensrf { color: #e384b5; text-shadow: 0px 0px 2px;  } .liensrm { color: #849ce3; text-shadow: 0px 0px 2px;  }</style>

<center><table><td><div class="rectblanc"><center><div class="fichepseudo"><font color="#86e089">Prénom</font> <font color="#c1e086">Prénom</font> <font color="#86e089">Nom</font></div><div class="infos1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien. </div><table><td><img src="http://img11.hostingpics.net/pics/801674129.gif" class="fichegif"></td><td><div class="infos2"><b>Liens à ajouter +</b> À JOUR!</div></td></table><div class="infos3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien. </div></center></div></td><td><center><div id="avainfos"><div class="ficheava" div style="background: url('http://img15.hostingpics.net/pics/9758426262.png');"></div><div class="ficheinfos"><div class="liensr">liens recherchés</div><div class="liensr2"><font class="liensrf">(f) nature du lien</font>
description.
<font class="liensrm">(m) nature du lien</font>
description.</div></div></div></center></td></table><div class="credits">fiche de night sky. / avatar de night sky. / gif de tumblr</div></center>

les filles
<style> #avainfos { width: 200px; height: 320px; overflow: hidden; } .ficheava { width: 200px; height: 320px; } .lieninfos { width: 190px; height: 304px; background: #f8f7f4; margin-top: 0px; transition: all 1s; border-radius: 5px; } #avainfos:hover>.lieninfos { margin-top: -315px; } .lienpseudo { font-size: 18px; font-family: times new roman; text-transform: uppercase; letter-spacing: -1px; word-spacing: -4px; color: #858481; text-shadow: 0px 0px 2px; margin-top: 6px; } .pseudof1 { color: #e384b5; } .pseudof2 { color: #e79c88; } .lienature { font-size: 8px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; color: #bab5a4; } .liendesc { width: 180px; height: 230px; overflow: auto; text-align: justify; color: #aba89f; font-family: arial; font-size: 11px; line-height: 10px; } .creditsava { font-size: 8px; font-family: arial; color: #c1c0be; }</style>


<center><table><td><center><div id="avainfos"><div class="ficheava" div style="background: url('http://img15.hostingpics.net/pics/3445332758.png');"></div><div class="lieninfos"><div class="lienpseudo"><font class="pseudof1">prénom</font> <font class="pseudof2">prénom</font> <font class="pseudof1">nom</font></div><div class="lienature">nature du lien</div><div class="liendesc"> Il la prit, elle tombait, il la prit dans ses bras, il la serra étroitement sans avoir conscience de ce qu’il faisait. Il la soutenait tout en chancelant. Il était comme s’il avait la tête pleine de fumée ; des éclairs lui passaient entre les cils ; ses idées s’évanouissaient ; il lui semblait qu’il accomplissait un acte religieux et qu’il commettait une profanation. Ducostte-1.jpg reste il n’avait pas le moindre désir de cette femme ravissante dont il sentait la forme contre sa poitrine. Il était éperdu d’amour. Elle lui prit une main et la posa sur son cœur. Il sentit le papier qui y était. Il balbutia : « Vous m’aimez donc ? » Elle répondit d’une voix si basse que ce n’était plus qu’un souffle qu’on entendait à peine : « Tais-toi ! tu le sais ! » Et elle cacha sa tête rouge dans le sein du jeune homme superbe et enivré. Il tomba sur le banc, elle près de lui. Ils n’avaient plus de paroles. Les étoiles commençaient à rayonner. Comment se fit-il que leurs lèvres se rencontrèrent ? Comment se fait-il que l’oiseau chante, que la neige fonde, que la rose s’ouvre, que mai s’épanouisse, que l’aube blanchisse derrière les arbres noirs au sommet frissonnant des collines ? Un baiser, et ce fut tout. Tous deux tressaillirent, et ils se regardèrent dans l’ombre avec des yeux éclatants. Ils ne sentaient ni la nuit fraîche, ni la pierre froide, ni la terre humide, ni l’herbe mouillée, ils se regardaient et ils avaient le cœur plein de pensées. Ils s’étaient pris les mains, sans savoir. </div><div class="creditsava">© avatar night sky.</div></div></div></center></td><td><center><div id="avainfos"><div class="ficheava" div style="background: url('http://img15.hostingpics.net/pics/7438854250.png');"></div><div class="lieninfos"><div class="lienpseudo"><font class="pseudof1">prénom</font> <font class="pseudof2">prénom</font> <font class="pseudof1">nom</font></div><div class="lienature">nature du lien</div><div class="liendesc"> Il la prit, elle tombait, il la prit dans ses bras, il la serra étroitement sans avoir conscience de ce qu’il faisait. Il la soutenait tout en chancelant. Il était comme s’il avait la tête pleine de fumée ; des éclairs lui passaient entre les cils ; ses idées s’évanouissaient ; il lui semblait qu’il accomplissait un acte religieux et qu’il commettait une profanation. Ducostte-1.jpg reste il n’avait pas le moindre désir de cette femme ravissante dont il sentait la forme contre sa poitrine. Il était éperdu d’amour. Elle lui prit une main et la posa sur son cœur. Il sentit le papier qui y était. Il balbutia : « Vous m’aimez donc ? » Elle répondit d’une voix si basse que ce n’était plus qu’un souffle qu’on entendait à peine : « Tais-toi ! tu le sais ! » Et elle cacha sa tête rouge dans le sein du jeune homme superbe et enivré. Il tomba sur le banc, elle près de lui. Ils n’avaient plus de paroles. Les étoiles commençaient à rayonner. Comment se fit-il que leurs lèvres se rencontrèrent ? Comment se fait-il que l’oiseau chante, que la neige fonde, que la rose s’ouvre, que mai s’épanouisse, que l’aube blanchisse derrière les arbres noirs au sommet frissonnant des collines ? Un baiser, et ce fut tout. Tous deux tressaillirent, et ils se regardèrent dans l’ombre avec des yeux éclatants. Ils ne sentaient ni la nuit fraîche, ni la pierre froide, ni la terre humide, ni l’herbe mouillée, ils se regardaient et ils avaient le cœur plein de pensées. Ils s’étaient pris les mains, sans savoir. </div><div class="creditsava">© avatar night sky.</div></div></div></center></td></table></center>

Les garçons
<style> #avainfos { width: 200px; height: 320px; overflow: hidden; } .ficheava { width: 200px; height: 320px; } .lieninfos { width: 190px; height: 304px; background: #f8f7f4; margin-top: 0px; transition: all 1s; border-radius: 5px; } #avainfos:hover>.lieninfos { margin-top: -315px; } .lienpseudo { font-size: 18px; font-family: times new roman; text-transform: uppercase; letter-spacing: -1px; word-spacing: -4px; color: #858481; text-shadow: 0px 0px 2px; margin-top: 6px; } .pseudom1 { color: #849ce3; } .pseudom2 { color: #84c9e3; } .lienature { font-size: 8px; font-family: arial; text-transform: uppercase; letter-spacing: 1px; color: #bab5a4; } .liendesc { width: 180px; height: 230px; overflow: auto; text-align: justify; color: #aba89f; font-family: arial; font-size: 11px; line-height: 10px; } .creditsava { font-size: 8px; font-family: arial; color: #c1c0be; }</style>


<center><table><td><center><div id="avainfos"><div class="ficheava" div style="background: url('http://img15.hostingpics.net/pics/3445332758.png');"></div><div class="lieninfos"><div class="lienpseudo"><font class="pseudom1">prénom</font> <font class="pseudom2">prénom</font> <font class="pseudom1">nom</font></div><div class="lienature">nature du lien</div><div class="liendesc">Il la prit, elle tombait, il la prit dans ses bras, il la serra étroitement sans avoir conscience de ce qu’il faisait. Il la soutenait tout en chancelant. Il était comme s’il avait la tête pleine de fumée ; des éclairs lui passaient entre les cils ; ses idées s’évanouissaient ; il lui semblait qu’il accomplissait un acte religieux et qu’il commettait une profanation. Ducostte-1.jpg reste il n’avait pas le moindre désir de cette femme ravissante dont il sentait la forme contre sa poitrine. Il était éperdu d’amour. Elle lui prit une main et la posa sur son cœur. Il sentit le papier qui y était. Il balbutia : « Vous m’aimez donc ? » Elle répondit d’une voix si basse que ce n’était plus qu’un souffle qu’on entendait à peine : « Tais-toi ! tu le sais ! » Et elle cacha sa tête rouge dans le sein du jeune homme superbe et enivré. Il tomba sur le banc, elle près de lui. Ils n’avaient plus de paroles. Les étoiles commençaient à rayonner. Comment se fit-il que leurs lèvres se rencontrèrent ? Comment se fait-il que l’oiseau chante, que la neige fonde, que la rose s’ouvre, que mai s’épanouisse, que l’aube blanchisse derrière les arbres noirs au sommet frissonnant des collines ? Un baiser, et ce fut tout. Tous deux tressaillirent, et ils se regardèrent dans l’ombre avec des yeux éclatants. Ils ne sentaient ni la nuit fraîche, ni la pierre froide, ni la terre humide, ni l’herbe mouillée, ils se regardaient et ils avaient le cœur plein de pensées. Ils s’étaient pris les mains, sans savoir. </div><div class="creditsava">© avatar night sky.</div></div></div></center></td><td><center><div id="avainfos"><div class="ficheava" div style="background: url('http://img15.hostingpics.net/pics/7438854250.png');"></div><div class="lieninfos"><div class="lienpseudo"><font class="pseudom1">prénom</font> <font class="pseudom2">prénom</font> <font class="pseudom1">nom</font></div><div class="lienature">nature du lien</div><div class="liendesc"> Il la prit, elle tombait, il la prit dans ses bras, il la serra étroitement sans avoir conscience de ce qu’il faisait. Il la soutenait tout en chancelant. Il était comme s’il avait la tête pleine de fumée ; des éclairs lui passaient entre les cils ; ses idées s’évanouissaient ; il lui semblait qu’il accomplissait un acte religieux et qu’il commettait une profanation. Ducostte-1.jpg reste il n’avait pas le moindre désir de cette femme ravissante dont il sentait la forme contre sa poitrine. Il était éperdu d’amour. Elle lui prit une main et la posa sur son cœur. Il sentit le papier qui y était. Il balbutia : « Vous m’aimez donc ? » Elle répondit d’une voix si basse que ce n’était plus qu’un souffle qu’on entendait à peine : « Tais-toi ! tu le sais ! » Et elle cacha sa tête rouge dans le sein du jeune homme superbe et enivré. Il tomba sur le banc, elle près de lui. Ils n’avaient plus de paroles. Les étoiles commençaient à rayonner. Comment se fit-il que leurs lèvres se rencontrèrent ? Comment se fait-il que l’oiseau chante, que la neige fonde, que la rose s’ouvre, que mai s’épanouisse, que l’aube blanchisse derrière les arbres noirs au sommet frissonnant des collines ? Un baiser, et ce fut tout. Tous deux tressaillirent, et ils se regardèrent dans l’ombre avec des yeux éclatants. Ils ne sentaient ni la nuit fraîche, ni la pierre froide, ni la terre humide, ni l’herbe mouillée, ils se regardaient et ils avaient le cœur plein de pensées. Ils s’étaient pris les mains, sans savoir. </div><div class="creditsava">© avatar night sky.</div></div></div></center></td></table></center>