Salut élève de BHS, nouveau et ancien.....
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Modèle de fiche de présentation

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar

Mr Directeur

Messages : 6
Date d'inscription : 05/07/2015
MessageSujet: Modèle de fiche de présentation  Lun 6 Juil - 18:56

550 de large
Prénom P. Nom

Informations
Prénoms et Nom ICI
Nationalité ICI
Âge ICI
Date de naissance ICI
Lieu de naissance ICI
Métier/Renommée ICI
Surnom 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

100x100

Un pseudo?

Répondre

Un âge?

Répondre

La célébrité de votre avatar?

Répondre
100x100

Un mot à propos de vous?

Répondre
100x100

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 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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://boston-high-school.forumactif.org
avatar

Mr Directeur

Messages : 6
Date d'inscription : 05/07/2015
MessageSujet: 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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://boston-high-school.forumactif.org
 
Modèle de fiche de présentation
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Modèle de 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 personnage ~ Pirates
» Modèle de fiche de présentation personnelle ♥

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Boston High School :: Secrétariat :: Présentations-