Les postes-vacants : modèle à suivre

<style type="text/css">.predefmod { background-color : #13100b; border: 5px solid #1c1b14; width: 510px; border-radius: 20px 20px 20px 20px; box-shadow: 0px 0px 25px #1c1b14; } .turlu { border: 2px solid #918b74; } .turlu:hover { border: 2px solid #a88039; } .turlu1 { border: 2px solid #918b74; width: 440px; } .turlu1:hover { border: 2px solid #a88039; } .predefcont { border: 6px solid #3a372e; } .opacityA img { filter:alpha(opacity=60); -moz-opacity:0.6; -webkit-opacity:0.6; opacity: 0.6; } .opacityA img:hover { filter:alpha(opacity=100); -moz-opacity:1;-webkit-opacity:1; opacity: 1; } f { color: #918b74; } f:hover { color: #a88039; } .infobulle{ position: relative;} .infobulle .infobulle-hidden { display: none; position: absolute; visibility: visible; z-index: 999; background: #3a372e; color: #a3a29a; padding: 3px; border: 0px solid grey; border: 3px solid #918b74; height: 100px; width: 300px; overflow:auto; text-align:justify; margin-top: -10px; margin-left: 10px; padding:8px; } .infobulle:hover .infobulle-hidden { display: block; z-index: 1; } .name { display: block; text-transform: uppercase; font-family: arial black; letter-spacing: 2px; color: #a88039; font-size: 18px; } .title { text-transform: uppercase; font-size: 26pt; font-family: arial black; letter-spacing: 10px; } .undertitle { text-transform: uppercase; font-size: 12pt; font-family: arial black; letter-spacing: 15px; color: #3a372e; margin-top: -10px; } .predefinfo { background: #3a372e; text-align:justify; width: 440px; color: #a3a29a; font-family: arial; } .undertext { margin-bottom: -10px; margin-top: 5px; line-height : 12px; text-transform: uppercase; font-family: arial; letter-spacing: -1px; word-spacing: 5px; color: #918b74; font-size: 14px; width: 440px; text-align:justify; } .text { border: 0px; width: 200px; height: 310px; padding: 10px; overflow: auto; text-align:justify; color: #6c6c5c; } .credit { color: #918b74; text-transform: uppercase; } .backimg { background-image : url(http://i.imgbox.com/gwzXzbav.png); width: 600px; border-radius: 200px 200px 200px 200px; box-shadow: 0px 0px 25px #6c6c5c; } .w { color: #8e5c54; font-weight: bold; }</style>

<center><div class="backimg"><div class="predefmod"><br><TABLE><TR>
[center]<div class="title"><f>Nom de Famille</f></div>
<div class="undertitle">Prénom Prénom</div>[/center]
<div class="turlu1"><div class="predefinfo"><span class="w">Prénom P. Nom</span> [i]est né le[/i] <span class="w">DATE AU CHOIX</span> [i]au[/i] <span class="w">LIEU DE NAISSANCE</span> [i]et est maintenant âgé de[/i] <span class="w">ÂGE</span>. <span class="w">SANG</span>, [i]il fait parti des[/i] <span class="w">GROUPE</span> [i]et est aujourd'hui un[/i] <span class="w">ESPECE</span>.</div></div><div class="undertext">Pour obtenir un dégradé de vague comme je le fais sur mes fiches, allez [url=http://slimshady451.free.fr/texte/vague.php]ici[/url], Taille 1 = 10, Taille 2 = 20. Ne sélectionnez aucune police. "Monter au débût" doit être coché. Cliquez sur "crer le code" et sélectionnez le code donné dans "Code HTML". Remplacez ce paragraphe explicatif par ce dit code et le tour est joué!</div><TD>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</div>
</div></TD><TD><div class="turlu"><div class="predefcont"><div class="opacityA">[img]http://i.imgbox.com/bScUtnK4.png[/img]</div></div></div></TD></TR></TABLE>
<table><tr><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td></tr></table>
<br><div class="credit">Anomalie © Célébrité © Credit de l'avatar</div></div></div></center>
[center][font=Verdana][size=9][color=#89554a]LIBRE[/color] | RÉSERVÉ | JOUÉ[/size][/font][/center]