Partagez | .
 

 FICHE DE PRESENTATION

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Masculin
POST-IT 19
Date de naissance 04/02/1975
Date d'inscription 09/11/2010
HOME GRANDCOURT
JOB ADMIN DU FORUM
HUMEUR Toujours Présent...

MessageSujet: FICHE DE PRESENTATION   Dim 21 Déc - 2:20





Prénom & Nom


Patronyme? réponse
Prénoms? réponse
Âge? réponse
Date de naissance? réponse
Lieu de naissance? réponse
Métier? réponse
Lieu de vie? réponse
Qualités? réponse
Défauts? réponse
Famille? réponse


Je ressemble à...
Décrivez ici votre physique en XX lignes.


Je pense à ...
Décrivez ici votre caractère en XX lignes.


J'ai vécu...
Décrivez votre l'histoire en XX lignes.


Commentaires, Passions ou autres...





CODE A INSERER
A MODIFIER EN FONCTION DE VOTRE PRESENTATION


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: #795344; 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(img)} #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: #4C1B1B ; 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://img15.hostingpics.net/pics/668567antiquedressgirlgirlyFavimcom684404.jpg" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Prénom & Nom</span></div>

<div style="margin: auto; width: 250px;"><div class="asaoinfos" style=" float: left"><div class="asaoicone" style="background-image: url(http://icons.iconarchive.com/icons/ccard3dev/dynamic-yosemite/96/Contacts-icon.png);"></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://icons.iconarchive.com/icons/ccard3dev/dynamic-yosemite/96/Utilities-Feedback-Assistant-icon.png);"></div><div class="asaoinfobulle"><span class="asaoask">Métier? </span> réponse
<span class="asaoask">Lieu de vie? </span> réponse
<span class="asaoask">Qualités? </span> réponse
<span class="asaoask">Défauts? </span> réponse
<span class="asaoask">Famille? </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>Décrivez ici votre physique en XX lignes.</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>Décrivez ici votre caractère en XX lignes.</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>Décrivez votre l'histoire en XX lignes.</div>

<div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(http://img15.hostingpics.net/pics/275858post.png)"></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">Commentaires, Passions ou autres...</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 et Modification Tatacaro13@2015</a></div>
</div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://stlife.forumgratuit.org
 

FICHE DE PRESENTATION

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: THE VINTAGE CLUB :: The FaceClub :: THE PASSPORT-