Code pour Lien - N°34

<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol_1{width: 198px; height: 318px; border: 1px solid #E9E2DA; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; overflow: auto;} .survol_1:hover{opacity: 1;}</style>
<center><div style="background-color: white; width: 510px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Prénom P. Nom<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">20 ans ❖ Bosse pour l'entreprise McCalaway en parallèle de ses études d'informatique ❖ Homosexuel/ I Like Technology</div></div><table><td><div style="background-color: #F8F5F2; width: 295px; font-size: 10px; height: 293px; line-height: 11px; overflow: auto; text-align: justify;"><div style="padding: 10px;">Des points sur votre personnage.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div><div style="background-color: #f2f3f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MA FICHE DE PRÉSENTATION</a></div><div style="background-color: #f7f2f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MON RÉPERTOIRE DE TOPICS</a></div></td><td><div style="margin-top: -20px;"><div style="background: #EAE3D6; width: 200px; height: 320px;"><div style="width: 200px; height: 320px; background-image: url(http://i.imgur.com/gSWATwP.png);  background-repeat: no-repeat;"><div class="survol_1"><img src="http://i.imgur.com/IU8wckH.png" style="opacity: 0.95;"><div style="text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; font-size: 15px; word-spacing: -2px;">SON HISTOIRE EN BREF</div><div style="padding-left: 5px; padding: right: 5px; text-align: justify; font-size: 10px; line-height: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div>
<div style="background-color: #E9E2DA; width: 200px; font-family: Antic Slab; font-size: 10px; word-spacing: -2px; text-align: center; margin-top: -15px;">si t'es plus curieux... tu survoles!</div></div></td></table><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 12px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;"><div style="width: 450px;">qualité ❖ défaut ❖ qualité
défaut ❖ qualité ❖ défaut
qualité ❖ défaut ❖ qualité</div></div></div>
<div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 10px; font-family: Antic Slab; font-size: 30px; width: 500px;">Idées de liens</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;"><img src="http://i.imgur.com/DFJAY8s.png" style="width: 60px; border-radius: 100%; padding-right: 5px; padding-bottom: 5px; float: left;"><div style="text-align: center; border-bottom: 2px solid #e9e2da; width: 100%;">[b]TITRE DU LIEN ([u]POSITIF/NÉGATIF[/u])[/b] ❖ [i]lien masculin/féminin[/i]</div><div style="padding-top: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div>
<div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 14px; font-family: Antic Slab; font-size: 30px; width: 500px;">Liens à rajouter</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;">[b]Prénom P. Nom[/b] [size=9][i](FEAT CÉLÉBRITÉ)[/i][/size] ❖ titre du lien</div>
</div></center>

<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol{width: 240px; height: 200px; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: justify; font-size: 12px; line-height: 12px; font-family: arial; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; overflow: auto;} .survol:hover{opacity: 1;}</style>
<center><div style="background-color: white; width: 500px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Girls And Their Curves<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 8px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 500px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">there's nothing more beautiful</div></div><table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></div></td></table>
<div style="font-size: 15px; text-align: center;">❖ ❖ ❖</div>
<table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td></table><br></div></center>