Tu aimes écrire, dessiner, bricoler ou composer ? Alors tu es tombé sur le bon forum ! Bienvenue parmi nous !
 

Partagez|

Modèles fiche de présentation pour les personnages

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 170
Date d'inscription : 26/12/2013
Age : 18
Localisation : Au pays d'Equestria, là où les poneys sont trop choupinous ♥
Admin Parfait
Malikasucre
MessageSujet: Modèles fiche de présentation pour les personnages Mar 16 Fév - 15:04
Coucou !

Mieux vaut tard que jamais, je poste ici quelques propositions de fiche, tu n'as plus qu'à choisir celle qui te plait !
Bien sûr, si tu ne trouve pas ton bonheur tu peux en faire une toi même ou en prendre une autre dans les fiches codées sur d'autres sites/forums. Propose là moi en MP, je la rajouterai peut être ici.


Vieux livre / Steampunk:
 

Code:
<style>.couverture_livre {background-image: url('http://i19.servimg.com/u/f19/18/91/36/39/couver10.jpg'); 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://i19.servimg.com/u/f19/18/91/36/39/page_s10.jpg'); 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: #6D2A0C !important; font-family: impact; transition: 1s; webkit-transition: 1s;} .page_livre a:hover{color: #D17923 !important; letter-spacing: 3px; text-shadow: 0px 0px 3px #1F140B;} .image_steam {width: 120px; height: 200px; overflow: hidden; background-color: rgba(204, 147, 56, 0.7);} .autre_cadre {font-family: courier new; text-align: left; width: 355px; height: 180px; overflow: auto; background-color: rgba(204, 147, 56, 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(204, 147, 56, 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: #49270D; letter-spacing: 2px;}</style>

   <div class="couverture_livre"><div class="page_livre">

   <table class="tableau_steam"><tr><td><img src="http://t11.deviantart.net/UCppFkxRLC33qPUi3OuDQeW9Uyc=/300x200/filters:fixed_height%28100,100%29:origin%28%29/pre05/5da7/th/pre/f/2012/331/7/6/avatar_sucker_punch_by_joeldesigner-d5mbjl6.png" alt="Avatar en 120x200" class="image_steam" style="border-radius: 10px 2px 2px 10px;" /></td><td><div class="autre_cadre" style="border-radius: 2px 10px 10px 2px;"> Je m'appelle <span class="police_autre">Prénom Nom</span>. Je suis un <span class="police_autre">garçon/fille</span> de <span class="police_autre">âge ans</span>. Je suis plus <span class="police_autre">orientation sexuelle</span>. Je suis une <span class="police_autre">espèce</span> mais ça ne m'empêche pas d'avoir des pouvoirs. Quand je me concentre bien, je <span class="police_autre">pouvoir 1</span> ! Bon, même sans ça je peux faire des choses comme <span class="police_autre">pouvoir 2</span> ou encore <span class="police_autre">pouvoir 3</span> !
   </div></td></tr></table>

   <div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
   Physique</span><div class="petit_cadre">

   Pour bien cerner ton personnage, nous avons bien sûr besoin de savoir à quoi il ressemble. Grand ou petit, gros ou mince ? Comment son ses cheveux, ses yeux ? Que porte-t-il comme vêtements, en porte-t-il au fait ? On veut tout savoir !

   </div></div></div>
   <div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
   Caractère</span><div class="petit_cadre">

   Quel est le caractère de ton personnage ? Est-il bon ou mauvais, poli ou insolent, vantard ou aultruiste ? Tu peux aussi nous dire quels sont ses goûts, ce qu'il aime faire ou manger et tout cela.

   </div></div></div>
   <div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
   Histoire</span><div class="petit_cadre">

   Raconte nous l'histoire de ton personnage ? Quand est-il né ? Quelle était sa famille ? En a-t-il toujours une, d'ailleurs ? En bref, raconte nous ce que ton personnage a vécu pour être ce qu'il est maintenant.

   </div></div></div>
   <table class="tableau_steam"><tr><td><div class="autre_cadre" style="border-radius: 10px 2px 2px 10px;"><span class="police_autre">Queque chose</span> à ajouter ? Une indication quant à l'utilisation du personnage ? C'est ici !
Personnellement, je tiens à ajouter que le texte de présentation au tout début peut être modifé pour correspondre au personnage.

   </div></td><td><img src="http://t11.deviantart.net/UCppFkxRLC33qPUi3OuDQeW9Uyc=/300x200/filters:fixed_height%28100,100%29:origin%28%29/pre05/5da7/th/pre/f/2012/331/7/6/avatar_sucker_punch_by_joeldesigner-d5mbjl6.png" alt="Avatar en 120x200" 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: #e0c060 !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'>



Citrouille et compagnie:
 

Code:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Shadows+Into+Light&subset=latin-ext,latin' rel='stylesheet' type='text/css'><style>#asaofond {width: 500px; background-color: #150000; margin: auto; overflow: hidden; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; background-clip: border-box; background-size: 20%; background-repeat: repeat; background-image: url(http://nsa34.casimages.com/img/2014/10/30/141030102328164590.png)} #asaohead {width: 600px; opacity: 0.5; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; transition: 1s} #asaohead:hover {opacity: 1; transition: 1s;} #asaotitre {width: 600px; height: 40px; background: #F2A85F;  transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; text-align: center; } .asaorealtitre {color: #FC5200 ; font-family: 'Shadows Into Light', cursive; font-size: 50px; display: inline-block; border-bottom: 2px solid #FC5200; padding-bottom: 13px; transition: 1s; } .asaorealtitre:hover {color: black; border-bottom: 2px solid black; padding-bottom: 13px; transition 1s; } .asaoicone {width: 100px; height: 100px; border-radius: 50px; background-clip: border-box; background-size: cover; transition: 1s} .asaoicone:hover {transform: rotate(360deg); transition: 1s; } .asaoinfos {position: relative; height: 100px; width: 100px; overflow: visible;}.asaoinfos .asaoinfos .asaoicone:hover {background-color: red;}.asaoinfos .asaoinfobulle {position: absolute; top: 80px; left: -100px; width: 300px; height: 100px; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; opacity: 0; visibility: hidden;} .asaoinfos:hover .asaoinfobulle {opacity: 1; visibility: visible; z-index: 999;} .asaoask {font-style: italic; text-shadow: 1px 1px 0px black; font-weight: bold} #asaoavatar {width: 200px; height: 320px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; overflow: hidden;} #asaocoulisse{width: 200px; height: 320px; background-size: cover; transform: translateY(0px) transition: 1s;}  #asaodescriptif {width: 190px; height: 310px; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px;}</style>

  <div id="asaofond"><img src="http://www.cuisineamericaine-cultureusa.com/wp-content/uploads/2012/10/tutoriel_citrouille_halloween_1.jpg" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Prénom P² Nom</span></div>

  <div style="margin: auto; width: 250px;"><div class="asaoinfos" style=" float: left"><div class="asaoicone" style="background-image: url(http://fr.cdn.v5.futura-sciences.com/builds/images/thumbs/6/6b92cd7907_Citrouille_Dark_vador.jpg);"></div><div class="asaoinfobulle"><span class="asaoask">Patronyme? </span> réponse
  <span class="asaoask">Prénoms? </span> réponse
  <span class="asaoask">Âge? </span> réponse
  <span class="asaoask">Date de naissance? </span> réponse
  <span class="asaoask">Lieu de naissance? </span> réponse</div></div><div class="asaoinfos" style="float: right"><div class="asaoicone" style="background-image: url(http://images.gamekult.com/blog/imgdb/000/000/420/114_1.JPG);"></div><div class="asaoinfobulle"><span class="asaoask">Métier/études? </span> réponse
  <span class="asaoask">Lieu de vie? </span> réponse
  <span class="asaoask">Renommée? </span> réponse
  <span class="asaoask">Pouvoir? </span> réponse
  <span class="asaoask">Autre? </span> réponse</div></div><div style="clear: both"></div></div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je ressemble à...</div>Pour bien cerner ton personnage, nous avons bien sûr besoin de savoir à quoi il ressemble. Grand ou petit, gros ou mince ? Comment son ses cheveux, ses yeux ? Que porte-t-il comme vêtements, en porte-t-il au fait ? On veut tout savoir !</div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je pense à ...</div>Quel est le caractère de ton personnage ? Est-il bon ou mauvais, poli ou insolent, vantard ou aultruiste ? Tu peux aussi nous dire quels sont ses goûts, ce qu'il aime faire ou manger et tout cela.</div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">J'ai vécu...</div>Raconte nous l'histoire de ton personnage ? Quand est-il né ? Quelle était sa famille ? En a-t-il toujours une, d'ailleurs ? En bref, raconte nous ce que ton personnage a vécu pour être ce qu'il est maintenant.</div>

  <div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(http://www.petitpetitgamin.com/wp-content/uploads/2011/10/Pumpkin-Citrouille-Halloween-funny-16.jpeg)"></div></div> <div style="float: right; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 10px; text-align: justify; font-size: 14px; width: 280px; height: 300px; oveflow: auto; min-height: 50px; box-shadow: 0px 0px 5px black">Quelque chose à ajouter ? Une indication quant à l'utilisation du personnage ? C'est ici !
Personnellement, je tiens à ajouter que le texte de présentation au tout début peut être modifé pour correspondre au personnage.</div>

  <div style="text-align: center; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; clear: both"><a href="http://www.never-utopia.com/" style="font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; text-decoration: none!important">Narja/Ehawee pour Never-Utopia</a></div>
  </div>

°oOo°~Âme d'Artistes~°oOo°
Malika baragouine en #FF6666 et administre en #FF0000

"Art is Creativity, creativity is Passion, passion is Love ♥️"
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://amedartiste.forumactif.org

Modèles fiche de présentation pour les personnages

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

Sujets similaires

-
» Fiche de présentation films à respecter
» Ma fiche de Présentation [Céline Tomneswaran]
» Equideow fiche de présentation
» Fiche de Présentation [Modèle]
» Fiche de présentation magazine à respecter !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ame d'artiste :: Bibliothèque :: Personnages-