Partagez | 
 

 Fiche de présentation à remplir

Voir le sujet précédent Voir le sujet suivant Aller en bas 
MessageSujet: Fiche de présentation à remplir Sam 17 Oct - 18:34


Bienvenue à toi Invité !

Sur les fiches, n'oubliez pas de passer la souris sur les images pour qu'elles vous révèlent tous leurs secrets !

Bon courage pour votre fiche et amusez-vous bien~



Aperçu de la fiche:
 

Code:
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; border-top:10px solid #273149; border-bottom: 10px solid #273149; box-shadow: 0px 2px 2px 2px #000000;}.head {width: 550px; border-bottom: 10px solid #273149}.titre{transition: 2s ease; display: inline; color: #8DA0D5; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #44547D} .soustitre{font-family: 'Playball', cursive; color: #8DA0D5; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #44547D} .bloc{background-color: #44547D; border-left: 2px solid #273149; border-right: 2px solid #273149; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #FFFFFF;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #FFFFFF;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #000000;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #000000;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #000000;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #000000;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #000000;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #000000;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #273149; border-bottom: 2px solid #273149; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #8DA0D5; border-left: 2px solid #273149; border-right: 2px solid #273149; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #000000; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB} .bloc2 {background-color: #44547D; border-left: 2px solid #273149; border-right: 2px solid #273149; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #44547D; padding: 10px; text-align: justify; color: #000000; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #273149; border-right: 2px solid #273149; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style><div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" style="width:550px; height:200px;"alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>
<div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px; overflow: auto;"><span class="mef1">Prénoms et Nom</span> ICI
<span class="mef1">Surnom</span> ICI
<span class="mef2">Nationalité</span> ICI

<span class="mef4">Date de naissance & Age</span> ICI
<span class="mef4">Age de la mort</span> ICI (pour les Seishin et les Yami)

<span class="mef6">Métier/Classe</span> ICI
<span class="mef6">Club</span> ICI

<span class="mef7">Alignement</span> Clan Oharaï / Neutral / Reis

<span class="mef2">Groupe</span> ICI
<span class="mef2">Clan</span> ICI (pour les Norowa)
<span class="mef2">Circonstances de la mort</span> ICI (pour les Yami et les Seishin)
</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><div style="width:180px; height: 300px; overflow: auto;"><p style="font-family: times new roman; font-size: 12px; text-shadow: none;"><span class="mef1">Pouvoir/Spécialité</span> ICI</p></div><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
<div class="soustitre">Petite citation</div><div class="bloc"><span class="mef5">Parlez-nous ici de l'histoire de votre personnage, de son passé, de sa vie, de sa non-vie (une petite mort est si vite arrivée).</span>HISTOIRE

<br /><br /><br /></div><div class="head"></div><center><span class="soustitre">Petite citation</span></center>
<div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline">Un pseudo? </p> Répondre
<p class="mef2" style="display: inline">Un âge? </p> Répondre
<p class="mef3" style="display: inline">La célébrité de votre avatar? </p> Répondre</span></div></td><td><div class="bulle"><img class="icone" src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" alt="100x100"><span><p class="mef4" style="display: inline">Un mot à propos de vous? </p> Répondre</span></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline">Comment avez-vous trouvé le forum? </p> Répondre
<p class="mef6" style="display: inline">Quelque chose à dire à propos du forum?  </p> Répondre
<p class="mef7" style="display: inline">Et vous avez lu le règlement? </p> Répondre</span></div></td></tr></table></div><div style="margin-left: auto; margin-right: auto; width: 500px"><div style="width: 240px; height: 300px; float: left"><div class="titre2">Picture!</div><div class="bloc2"><span class="mef7">Parlez ici de l'apparence de votre personnage, n'omettez rien, ni le grain de beauté, ni le tatouage, ni le style vestimentaire!</span> APPARENCE</div></div><div style="width: 240px; height: 300px; float: right"><div class="titre2">Spirit!</div><div class="bloc2"><span class="mef1">Parlez  du mental de votre personnage. Courage, il s'agit simplement de répondre à cette énigmatique question: qui est-il? Que veut-il? Où va-t-il? </span>MENTAL</div></div><div style="clear: both"></div></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>





Messages : 40
Date d'inscription : 17/10/2015

 
Fiche de présentation à remplir
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codes pour fiche de présentation
» Code pour votre fiche de présentation
» La fiche de présentation : le modèle obligatoire
» Modèle de fiche de présentation (obligatoire)
» Modèle de fiche de présentation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mugenhouyou ::  :: 
Entre les livres...
 :: Dossiers en cours
-
Sauter vers: