AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | .
 

 Temporaire - Codes PNJ

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
J.A.R.V.I.S.
Just A Really Very Intelligent System
avatar
Messages : 151
Réputation : 2226
Date d'inscription : 20/08/2012

MessageSujet: Temporaire - Codes PNJ   Mar 28 Juin - 13:47

SHIELD



Code:
<style>.couverture_livre {background-image: url('http://img11.hostingpics.net/pics/576959SHIELDCouverture1.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/836165SHIELDCouverture2.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> SHIELD, Strategic Homeland Intervention Enforcement Logistics Division.

<span class="info_importante">Groupe – </span> ...

<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'>


Dernière édition par J.A.R.V.I.S. le Mer 29 Juin - 9:53, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
J.A.R.V.I.S.
Just A Really Very Intelligent System
avatar
Messages : 151
Réputation : 2226
Date d'inscription : 20/08/2012

MessageSujet: Re: Temporaire - Codes PNJ   Mar 28 Juin - 13:50

HYDRA



Code:
<style>.couverture_livre {background-image: url('http://img11.hostingpics.net/pics/159733HYDRACouverture1.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/247813HYDRACouverture2.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> Hydra

<span class="info_importante">Groupe – </span>… (Injustice, 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> ...

<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'>


Dernière édition par J.A.R.V.I.S. le Mer 29 Juin - 9:54, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
J.A.R.V.I.S.
Just A Really Very Intelligent System
avatar
Messages : 151
Réputation : 2226
Date d'inscription : 20/08/2012

MessageSujet: Re: Temporaire - Codes PNJ   Mar 28 Juin - 13:53

DEO



Code:
<style>.couverture_livre {background-image: url('http://img11.hostingpics.net/pics/996309DEOCouverture1.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/418150DEOCouverture2.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> DEO, Department of Extra-normal Operations.

<span class="info_importante">Groupe – </span>… (Inhumains, Death 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>...

<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'>


Dernière édition par J.A.R.V.I.S. le Mer 29 Juin - 9:55, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
J.A.R.V.I.S.
Just A Really Very Intelligent System
avatar
Messages : 151
Réputation : 2226
Date d'inscription : 20/08/2012

MessageSujet: Re: Temporaire - Codes PNJ   Mar 28 Juin - 13:54

Standard




Code:
<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'>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé



MessageSujet: Re: Temporaire - Codes PNJ   

Revenir en haut Aller en bas
 

Temporaire - Codes PNJ

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [temporaire] Le nouveau design du forum
» Codes en libre service ✖ aka J'ai que ça à faire [FERMÉ]
» Codes pour embellir vos RP
» Bonus : Les Codes HTML
» Codes pour les jeux français de Pokémon Donjon Mystère : Les Portes de l'Infini

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Marvel DC Timeline X Over ::  :: Index & Effectifs :: Index :: PNJ & Prédéfinis-