Fiche de présentation

par **TARDIS** Jeu 24 Déc - 16:19

Prénom P. Nom

Informations

Prénoms et Nom ICI
Nationalité ICI
Âge ICI
Date de naissance ICI
Lieu de naissance ICI
Métier ICI
Appartenance ICI

SECRETS

Prendre un instantané!

Parlez-nous ici de l'histoire de votre personnage, de son passé, de sa vie, de sa deuxième vie (une petite mort est si vite arrivée), tout ceci en 300 mots s'il vous plaît, et même un peu plus si affinité!HISTOIRE

1 mot pour me décrire

Un pseudo?

Répondre

Un âge?

Répondre

La célébrité de votre avatar?

Répondre

Un mot à propos de vous?

Répondre

Comment avez-vous trouvé le forum?

Répondre

Quelque chose à dire à propos du forum?

Répondre

Et vous avez lu le règlement?

Répondre

Picture!

Parlez ici en 100 mots de l'apparence de votre personnage, n'omettez rien, ni le grain de beauté, ni le tatouage, ni le style vestimentaire! APPARENCE

Spirit!

Parlez ici en 100 mots 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? MENTAL

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; background-color: #3B1F2D; background-image: url(http://oi61.tinypic.com/r06n4h.jpg); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; 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: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; 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: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; 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" 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="mef2">Nationalité</span> ICI <span class="mef3">Âge</span> ICI <span class="mef4">Date de naissance</span> ICI <span class="mef5">Lieu de naissance</span> ICI <span class="mef6">Métier</span> ICI <span class="mef7">Appartenance</span> ICI</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><p style="font-family: times new roman; font-size: 12px; text-shadow: none;">SECRETS</p><img src="(Image de 550x350)" /></div></div></div></div><div style="clear:both"></div><br /> <div class="soustitre">Prendre un instantané!</div><div class="bloc"><span class="mef5">Parlez-nous ici de l'histoire de votre personnage, de son passé, de sa vie, de sa deuxième vie (une petite mort est si vite arrivée), tout ceci en 300 mots s'il vous plaît, et même un peu plus si affinité!</span>HISTOIRE<br /><br /><br /></div><div class="head"></div><center><span class="titre">1 mot pour me décrire</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 en 100 mots 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 ici en 100 mots 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>