<style>.couverture_livre {background-image: url('http://img11.hostingpics.net/pics/478252CIACouverture1.png'); width: 530px; height: 950px; margin: auto; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; position: relative;} .couverture_livre:hover {transform: all; -webkit-transform: all; transition: 2s; -webkit-transition: 2s; z-index: 5;} .page_livre {color: #1F140B; font-family: courier new; text-align: justify; background-image: url('http://img11.hostingpics.net/pics/543468CIACouverture2.png'); width: 530px; height: 950px; margin: auto; position: relative; display: block; opacity: 0; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; z-index: 1;} .page_livre:hover {opacity: 1; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s;} .tableau_steam {margin: auto;} .page_livre a{color: #252727 !important; font-family: impact; transition: 1s; webkit-transition: 1s;} .page_livre a:hover{color: #8A8E8E !important; letter-spacing: 3px; text-shadow: 0px 0px 3px #1F140B;} .image_steam {width: 120px; height: 200px; overflow: hidden; background-color: rgba(194, 191, 186, 0.7);} .autre_cadre {font-family: courier new; text-align: left; width: 355px; height: 180px; overflow: auto; background-color: rgba(194, 191, 186, 0.7); padding: 10px; font-size: 14px;} .police_autre {font-weight: bold; font-family: 'Orbitron', sans-serif; font-size: 15px;} .grand_cadre {border-radius: 10px; width: 480px; overflow: auto; margin: auto; background-color: rgba(194, 191, 186, 0.7); padding: 10px;} .petit_cadre{height: 10px; opacity: 0; overflow: auto; -webkit-transition: all 1s; transition: all 1s; margin: auto;} .cadre_cache:hover .petit_cadre{height: 180px; width: 450px; opacity:1;} .police_titres {font-family: 'Aldrich', sans-serif; font-size: 18px; font-weight: bold; display: block; text-align: center;} .info_importante {font-family: 'Impact'; color: #252727; letter-spacing: 2px;}</style>
<div class="couverture_livre"><div class="page_livre">
<table class="tableau_steam"><tr><td><img src="http://img15.hostingpics.net/pics/716825CadreAvatarFicheDfaut.png" class="image_steam" style="border-radius: 10px 2px 2px 10px;" /></td><td><div class="autre_cadre" style="border-radius: 2px 10px 10px 2px;"><span class="police_autre">Nom complet – </span>…
<span class="police_autre">Surnom/Alias – </span>…
<span class="info_importante">Âge – </span>…
<span class="info_importante">Nature – </span>… (Humain standard, Humain amélioré, Muté, Mutant, Inhumain, Alien)
<span class="info_importante">Sexualité – </span>…
<span class="info_importante">Nationalité – </span>…
<span class="info_importante">Domicile – </span>…
<span class="info_importante">Villes d'influence – </span>…
<span class="info_importante">Organisation – </span>… (CIA, Outer Heaven, Ligue des Assassins, aucune)
<span class="info_importante">Groupe – </span>… (Avengers, Inhumans, Justice League, Titans, X-Men, Death Squad, Injustice, Suicide Squad, aucun)
<span class="info_importante">Profession – </span>…
</div></td></tr></table>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Capacités</span><div class="petit_cadre">
<span class="info_importante">Spécialités/Compétences – </span>… (Compétences perfectionnées)
<span class="info_importante">Pouvoirs/Dons – </span>… (Améliorations mécaniques / biomécaniques / robotiques, pouvoir surnaturel)
<span class="info_importante">Aptitudes – </span>… (Compétences complémentaires)
</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Résumé du personnage</span><div class="petit_cadre">
[justify]150 mots mini
C'est ici que vous nous décrirez votre personnage. N'oubliez pas d'insister sur le visage, le corps en lui-même, la mode vestimentaire ou encore les signes particuliers, tels les tatouages ou cicatrices.
[/justify]</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Relations, Inventaire et Autres</span><div class="petit_cadre">
[justify]<span class="info_importante">Relations</span>
<ul type="circle"><li>[b] … [/b]</li>
<li>[b] … [/b]</li></ul>
<span class="info_importante">Inventaire/Équipement – </span><ul><li>...
</li><li>...</li></ul>
<span class="info_importante">Autre – </span>
...
[/justify]
</div></div></div>
<table class="tableau_steam"><tr><td><div class="autre_cadre" style="border-radius: 10px 2px 2px 10px;"><span class="info_importante">Statut du personnage – </span> Personnage non Joueur
<span class="info_importante">Crédits image de l'avatar – </span> <a href="URL" target="_blank">NOM DE L'IMAGE</a> par <a href="URL" target="_blank">NOM DE L'AUTEUR</a>.
</div></td><td><img src="http://img15.hostingpics.net/pics/716825CadreAvatarFicheDfaut.png" class="image_steam" style="border-radius: 2px 10px 10px 2px;" /></td></tr></table>
<a href="http://www.never-utopia.com/" style="text-align: center; color: #3B3E3D !important; display: block; letter-spacing: 1px;">©Shaneliae | Never Utopia</a>
</div></div>
<link href='http://fonts.googleapis.com/css?family=Orbitron|Aldrich' rel='stylesheet' type='text/css'>
Sujet: Temporaire - Codes PNJ 
Mar 28 Juin - 13:47