Mr Directeur Messages : 6Date d'inscription : 05/07/2015
Sujet: Modèle de fiche de présentation Lun 6 Juil - 18:56 Prénom P. Nom Informations
Prénoms et Nom ICINationalité ICIÂge ICIDate de naissance ICILieu de naissance ICIMétier/Renommée ICISurnom donnée par Gossip girl ICI
SECRETS
Prendre un instantané!
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), tout ceci en XX lignes s'il vous plaît, et même un peu plus si affinité! HISTOIRE
1 mot pour me décrire Un pseudo?
RépondreUn âge?
RépondreLa célébrité de votre avatar?
RépondreUn mot à propos de vous?
Répondre Comment avez-vous trouvé le forum?
RépondreQuelque chose à dire à propos du forum?
RépondreEt vous avez lu le règlement?
Répondre
Picture!
Parlez ici en XX lignes 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 XX lignes 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? Argentique ou Numérique? MENTAL
© Narja - Never-Utopia
Mr Directeur Messages : 6Date d'inscription : 05/07/2015
Sujet: Re: Modèle de fiche de présentation Lun 6 Juil - 18:59 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://obsession27.free.fr/divers/fonds/pp4.png); 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/Renommée</span> ICI <span class="mef7">Surnom donnée par Gossip girl</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="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></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 non-vie (une petite mort est si vite arrivée), tout ceci en XX lignes 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 XX lignes 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 XX lignes 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? Argentique ou Numérique?</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>