Partagez
Aller en bas
avatar
Admin
Messages : 45
Date d'inscription : 23/04/2013
Voir le profil de l'utilisateurhttp://forum-test-html.kanak.fr

FTEO Bestiaire

le Sam 5 Déc - 21:56





Bestiaire


Texte ici


A
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.

B
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.

C
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.

D
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.


Spoiler:
Les images en 230x310px. ABSOLUMENT ! Après tout ça, tu me devras une paire de lunettes et un rendez-vous chez l'ophtalmo. Uu' #lataupequin'apasd'antirefletssurseslunettes

Code:
<link href='https://fonts.googleapis.com/css?family=Poiret+One|Trade+Winds|Cinzel|Orbitron' rel='stylesheet' type='text/css'>

<style type="text/css">.tbmonster { empty-cells: show; width : 690px; border-collapse : separate ;border-spacing : 5px 5px; background-color : #8c0001; margin : auto; padding : auto; } .bgmonster { background-color : #8c0001; color : #8c0001; height : auto; width : 720px; } .titulo1 { font-family : Trade Winds; font-size : 45px; font-weight : bold; text-align : center; margin : auto; color : ivory; margin : auto; } .td1 { width : 230px; height : 310px; border : none; } .td2 { width : 690px; height : 10px; border : none; } #slider div { background-color: ivory; margin : auto; overflow: hidden; position: relative; width: 230px; height : 310px; color : black; font-family : Orbitron; font-size : 14px; text-align : justify; } #slider div img { left: 0; position: absolute; top: 0; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out;} #slider div:hover img { transform: translateX(-230px); -moz-transform: translateX(-230px); -o-transform: translateX(-230px); -webkit-transform: translateX(-230px); } .backtitulo2 { background-color : ivory; height : 45px; } .titulo2 { font-family : Cinzel; font-size : 35px; font-weight : bold; text-align : center; margin : auto; color : ivory; margin : auto; color : #8c0001;  } .apropos { background-color : ivory; height : 150px; width : 690px; color : black; font-family : Orbitron; font-size : 16px; overflow : auto; margin : auto; padding : auto; } .descrip { background-color: ivory; margin : auto; overflow: auto; position: relative; width: 230px; height : 310px; color : black; font-family : Orbitron; font-size : 14px; text-align : justify;  }
</style>

<div class="bgmonster"><br><br><center><span class="titulo1">Bestiaire</span></center><br><br><div class="apropos"><blockquote>Texte ici</blocquote></div><br><table class="tbmonster"><tr><td colspan="3"><center><div class="backtitulo2"><br><span class="titulo2">A</span></div></center></td></tr><tr><td class="td2"></td></tr>
<tr><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td></tr><tr><td colspan="3"><center><div class="backtitulo2"><br><span class="titulo2">B</span></div></center></td></tr><tr><td class="td2"></td></tr>
<tr><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td></tr><tr><td colspan="3"><center><div class="backtitulo2"><br><span class="titulo2">C</span></div></center></td></tr><tr><td class="td2"></td></tr>
<tr><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td></tr><tr><td colspan="3"><center><div class="backtitulo2"><br><span class="titulo2">D</span></div></center></td></tr><tr><td class="td2"></td></tr>
<tr><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div>
</div></td><td class="td1"><div id="slider"><div id="img"><div style="overflow : auto; margin : 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum purus venenatis ipsum feugiat vehicula. Praesent eleifend risus non vehicula rhoncus. Aenean in facilisis nibh. Proin luctus diam in magna aliquam, vel congue turpis tempus. Morbi at turpis massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vulputate augue nec eros iaculis blandit. Praesent sodales turpis ut velit efficitur congue. Sed in turpis vitae libero facilisis egestas. Aenean pulvinar facilisis mauris, vitae accumsan diam aliquam eu.</div><img src="http://i68.servimg.com/u/f68/17/27/88/15/intrav10.jpg" /></div></div>
</td></tr></table></div>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum