Admin
19 04/02/1975 09/11/2010 GRANDCOURT ADMIN DU FORUM Toujours Présent...
| Sujet: 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> |
|