modèle de fiche

<link href='https://fonts.googleapis.com/css?family=Dorsa|Iceland' rel='stylesheet' type='text/css'>[table border="0" align="center" class="fondhheex" width="430"][tr][td]<table border="0" align="center"><tr><td><div style="background-image: url('http://67.media.tumblr.com/c7ffe6db5548e9e7f6fbca0b14c5ca0f/tumblr_obq5lkqXCA1s3cboeo5_250.gif');" class="imghheex"> </div></td><td><div style="background-image: url('http://67.media.tumblr.com/f6b519ec1be35b5aae5a2241a48c58e1/tumblr_obq5lkqXCA1s3cboeo3_250.gif');" class="imghheex"> </div></td><td><div style="background-image: url('http://66.media.tumblr.com/5ae4a6efbd42ddb6613427c9caad37f6/tumblr_obq5lkqXCA1s3cboeo6_250.gif');" class="imghheex"> </div></td><td><div style="background-image: url('http://66.media.tumblr.com/87aeea62f00d612e4cbe571e81bb5b91/tumblr_obq5lkqXCA1s3cboeo4_250.gif');" class="imghheex"> </div></td></tr></table><center><div class="octhheex"> </div><div class="titrhheex"> TITRE TITRE TITRE — PRÉNOM NOM </div>
    <div class="sousthheex"> - FEAT. CÉLÉBRITÉ EN AVATAR — GROUPE - </div><div class="citahheex">[justify] SURNOM △ AGE DU PERSO △ DATE ET LIEU DE NAISSANCE △ NATIONALITÉ △ LIEU DE VIE △ OCCUPATION OU MÉTIER △ ORIENTATION SEXUELLE △ SITUATION AMOUREUSE △ QUALITÉ1 △ QUALITÉ2 △ QUALITÉ3 △ DÉFAUT1 △ DÉFAUT2 △ DÉFAUT3 △ PARTICULARITÉ △ INFOS. [/justify]</div></center><table align="center" border="0" style="margin-top:-20px; border-bottom: 3px WhiteSmoke double;"><tr><td class="texthheex"><div style="height:243px; overflow-y:auto;overflow-x:hidden;padding-right:5px;margin-top:10px;"> Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies. </div></td>
    <td width="45%"><div class="rechheex"><div style="height:50px; overflow-y:auto;overflow-x:hidden;padding-right:2px;">[b] (M/F -prise) INTITULÉ DE LA RECHERCHE 1 △[/b] Aenean com modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nas cetur ridiculus mus. Donec quam. </div></div> <div class="rechheex"><div style="height:50px; overflow-y:auto;overflow-x:hidden;padding-right:2px;">[b] (M/F -libre) INTITULÉ DE LA RECHERCHE 2 △[/b] Aenean com modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nas cetur ridiculus mus. Donec quam. </div></div> <div class="rechheex"><div style="height:50px; overflow-y:auto;overflow-x:hidden;padding-right:2px;">[b] (M/F -libre) INTITULÉ DE LA RECHERCHE 3 △[/b] Aenean com modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nas cetur ridiculus mus. Donec quam.
    </div></div> <center><div class="sousthheex" style="margin:3px 0px 0px -18px;"> - <a href="http://URL-FICHE-DE-PRÉSENTATION" title="présentation" target="_blank" > en savoir plus </a> - </div></center></td></tr></table><a href="http://lizzou.tumblr.com/tagged/by-lizzou" title="source" target="_blank" ><div style="font-family: Verdana; color: Silver; font-size: 7px;text-transform:uppercase; text-align:center !important; line-height:normal; color: LightGrey; text-shadow: none; letter-spacing:1px;margin-top:7px;"> code by lizzou — img/gifs by TUMBLR — demande de liens : ON. </div></a></div>[/td]
    [/tr]
    [/table]</link>
    <style type="text/css"> .imghheex { background-position: top center;background-repeat: no-repeat;background-size:cover; height:95px; width:95px; margin:3px; opactiy: 0.8; -webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);-webkit-filter: grayscale(5%); -moz-filter: grayscale(5%); -ms-filter: grayscale(5%); -o-filter: grayscale(5%); filter: grayscale(5%); } .fondhheex { background-color:white; background-image: url('http://i.imgur.com/YkFvqVK.png'); border-right: 1px Gainsboro solid; border-bottom: 1px LightGrey solid; border-top: 2px WhiteSmoke solid; border-left: 2px WhiteSmoke solid; padding:10px 8px 3px; text-shadow: Gainsboro 0px 0px 12px !important; } .octhheex { background-image: url('http://i.imgur.com/KMRiQQp.png'); height:105px; width:424px; margin-top: -106px; border:0px; position: relative; opacity: 1.0 !important; -webkit-opacity: 1.0;-moz-opacity: 1.0; filter: alpha(opacity=100); -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; } .octhheex:hover { background-image: url('http://i.imgur.com/hMk934c.png'); } .titrhheex { font-family: 'Iceland', cursive; font-size:35px; color:Wheat; text-shadow: 1px 0px 0px SkyBlue,-2px 0px 0px Tan,1px 1px 2px BurlyWood; letter-spacing:0px; margin-top:-4px; text-transform: lowercase; position: relative; } .sousthheex { font-family: 'Dorsa', sans-serif; color:LightSlateGray; font-size:22px;text-transform: lowercase; letter-spacing:3px; background-color: WhiteSmoke; width:95%; margin:-11px 7px 0px 7px; padding:3px 1px 3px; } .citahheex { font-family: Verdana; color: Silver; font-size: 7px; line-height: 7px; text-transform:uppercase; letter-spacing:1px; padding: 0px 12px 10px;margin-top:5px; background-color:white; border-bottom: 3px WhiteSmoke double; } .texthheex { font-family: Verdana; color:#b2b2b2; font-size: 11px; line-height: 11px; text-align:justify; margin:5px 3px 5px 3px; padding: 2px 10px 10px; background-color:white;} .rechheex { font-family: Verdana; color: Darkgrey; font-size: 7px; line-height: 7px; text-align:justify; text-transform:uppercase; letter-spacing:1px; margin:0px 0px 5px -5px; background-color: WhiteSmoke; width:89%; padding:9px 5px 9px 8px; } .sousthheex a { color:LightSlateGray;-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; } .sousthheex a:hover { color: White; text-shadow: DarkGrey 0px 1px 2px; } </style>

<link href='https://fonts.googleapis.com/css?family=Dorsa|Iceland' rel='stylesheet' type='text/css'>[table border="0" align="center" class="fondhhex" width="430"][tr][td]<div class="titrhhex"> UN JOLI TITRE OU PETITE CITATION </div>
    <table border="0" align="center" class="texthhex"><tr><td><div style="background-image: url('http://66.media.tumblr.com/3e59fe6c783730d300dd3aa3af372cf1/tumblr_obq5lkqXCA1s3cboeo2_250.gif'); /* image lien1 */" class="imghhex"> </div><div class="octhhex"> </div></td><td><center><div class="sousthhex"> - PRÉNOM NOM1 — FEAT. CÉLÉBRITÉ - </div>
    <div class="citahhex">[justify][b] INTITULÉ DU LIEN1 △[/b] Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/justify]</div></center></td></tr></table>
    <table border="0" align="center" class="texthhex"><tr><td><center><div class="sousthhex"> - PRÉNOM NOM2 — FEAT. CÉLÉBRITÉ - </div>
    <div class="citahhex">[justify][b] INTITULÉ DU LIEN2 △[/b] Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/justify]</div></center></td><td><div style="background-image: url('http://67.media.tumblr.com/7df7719ce460a30110c56a951899ff5d/tumblr_obt7m0w1oT1s3cboeo1_250.gif'); /* image lien2 */" class="imghhex"> </div><div class="octhhexx"> </div></td></tr></table>
    <table border="0" align="center" class="texthhex"><tr><td><div style="background-image: url('http://67.media.tumblr.com/a3cd3726858f60ceeffb0f1a0e2085c9/tumblr_obq5lkqXCA1s3cboeo8_250.gif'); /* image lien3 */" class="imghhex"> </div><div class="octhhex"> </div></td><td><center><div class="sousthhex"> - PRÉNOM NOM3 — FEAT. CÉLÉBRITÉ - </div>
    <div class="citahhex">[justify][b] INTITULÉ DU LIEN3 △[/b] Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/justify]</div></center></td></tr></table>
    <table border="0" align="center" class="texthhex"><tr><td><center><div class="sousthhex"> - PRÉNOM NOM4 — FEAT. CÉLÉBRITÉ - </div>
    <div class="citahhex">[justify][b] INTITULÉ DU LIEN4 △[/b] Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/justify]</div></center></td><td><div style="background-image: url('http://66.media.tumblr.com/885dab4502ac3b4a58b71b6b21194d3a/tumblr_obq5lkqXCA1s3cboeo7_r1_250.gif'); /* image lien4 */" class="imghhex"> </div><div class="octhhexx"> </div></td></tr></table>
    <a href="http://lizzou.tumblr.com/tagged/by-lizzou" title="source" target="_blank" ><div style="font-family: Verdana; color: Silver; font-size: 7px;text-transform:uppercase; text-align:center !important; line-height:normal; color: LightGrey; text-shadow: none; letter-spacing:1px;"> code by lizzou — img/gifs by TUMBLR — demande de liens : ON. </div></a></div>[/td]
    [/tr]
    [/table]</link>
    <style type="text/css"> .imghhex { background-position: top center;background-repeat: no-repeat;background-size:cover; height:95px; width:95px; margin:0px -7px 0px 7px; opactiy: 0.8; -webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);-webkit-filter: grayscale(5%); -moz-filter: grayscale(5%); -ms-filter: grayscale(5%); -o-filter: grayscale(5%); filter: grayscale(5%); } .fondhhex { background-color:white; background-image: url('http://i.imgur.com/YkFvqVK.png'); border-right: 1px Gainsboro solid; border-bottom: 1px LightGrey solid; border-top: 2px WhiteSmoke solid; border-left: 2px WhiteSmoke solid; padding:10px 8px 3px; text-shadow: Gainsboro 0px 0px 12px !important; } .octhhex { background-image: url('http://i.imgur.com/KMRiQQp.png'); height:105px; width:107px; margin-top: -100px; background-position: center left; border:0px; position: relative; opacity: 1.0 !important; -webkit-opacity: 1.0;-moz-opacity: 1.0; filter: alpha(opacity=100); -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; } .octhhex:hover { background-image: url('http://i.imgur.com/hMk934c.png'); } .octhhexx { background-image: url('http://i.imgur.com/KMRiQQp.png'); height:105px; width:107px; margin-top: -100px; background-position: center right; border:0px; position: relative; opacity: 1.0 !important; -webkit-opacity: 1.0;-moz-opacity: 1.0; filter: alpha(opacity=100); -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; } .octhhexx:hover { background-image: url('http://i.imgur.com/hMk934c.png'); } .titrhhex { font-family: 'Iceland', cursive; font-size:35px; color:Wheat; text-shadow: 1px 0px 0px SkyBlue,-2px 0px 0px Tan,1px 1px 2px BurlyWood; letter-spacing:0px; margin:-4px 0px -13px 0px; text-transform: lowercase; text-align:center; position: relative; } .sousthhex { font-family: 'Dorsa', sans-serif; color: LightSlateGray; font-size:22px;text-transform: lowercase; letter-spacing:3px; background-color: WhiteSmoke; width:95%; margin:-7px 10px 0px 5px; padding:3px 1px 3px; } .citahhex { font-family: Verdana; color: #b2b2b2; font-size: 7px; line-height: 7px; text-transform:uppercase; letter-spacing:1px; padding-right:5px;margin-top:-10px; background-color:white; width:94%; height:63px; overflow-y:auto;overflow-x:hidden; } .texthhex { margin:6px 0px 5px 0px; border-bottom: 3px WhiteSmoke double;} </style>