[Modèle] Fiche de présentation

Messages : 53 Date d'inscription : 17/06/2016 Age : 32 Localisation : Moûtiers

Sujet: [Modèle] Fiche de présentation

Sam 20 Aoû - 19:21

Merci de bien vouloir utiliser le code suivant pour créer votre fiche de présentation.

N'hésitez pas à contacter un membre du staff si vous rencontrer un problème ^^

Code:: <!DOCTYPE html>
   <html>
   <head>
   <meta charset="utf-8" />
<style>#cadre{width:400px;height:720px;margin:auto;margin-top:-220px;background:url(http://orig00.deviantart.net/a36a/f/2012/361/1/e/stock__watercolor_texture_____frost_____by_aurorawienhold-d5pclxd.jpg);}</style>
<style>#container{width:100px;height:100px;margin:auto;padding:3px;font-family:Georgia;font-size:10px;color:rgb(250,250,250);text-align:center;background-color:rgb(10,10,10);position:relative; bottom:35px;left:-160px;border-radius: 50px;}#container img{width:100px;height:100px;position:absolute;top:0;left:0;opacity:1;transition:all 2s ease;border-radius: 50px;border: 3px solid blue; }#container img:hover{opacity:0.3;}</style>
<style>.np{width:260px;height:75px;margin:auto; margin-top:-160px; margin-left:80px;font-size:30px;font-family:Monotype Corsiva; text-align:center;color:#888BF3;}</style>
<style>.note{width:250px;height:75px;margin:auto;margin-top:-50px;margin-left:120px;font-size:13px;font-family:Georgia;text-align:center;color:#14153C;}</style>
<style>.prez{width:375px;height:515px;margin:auto;background:rgba(159, 152, 254, 0.4);overflow:auto;}</style>
<style>.signa{width:400px;height:15px;margin:auto;margin-top:-3px;font-family:Georgia;font-size:10px;text-align:center;}</style>
<style>#sstitre{width:335px;height:25px;text-align:center; font-family:Monotype Corsiva; font-size:25px;color:#3A32A4;}</style>
<style>#text{width:335px;height:auto;margin:auto;padding:10px;}</style>
   </head>

   <body>
   <div id="cadre">
<div id="container"><img src="http://i35.servimg.com/u/f35/19/36/53/41/ia_voc10.jpg"/><b>Avatar</b>

Nom & provenance</div>
<div class="np">Nom & Prénom</div>
<div class="note">Ces informations peuvent changer, ça c'est certain. Ne t'y accroches pas puisque tu pourras les changer avec un petit MP au staff ou dans les infos du profil ♪</div>
<hr width="400" size="4" align="center" color ="#4A4DA6"></hr>
<div class="prez"><div id="sstitre">Qui es-tu ?</div>
<div id="text">[b]Ton nom :[/b] ...
[b]Ton âge :[/b] ...
[b]As-tu un métier ?[/b] [] Oui [] Non
[b]Si oui, lequel ?[/b] ...
[b]Pourquoi souhaites-tu venir sur le forum ?[/b] ...</div>
<div id="sstitre">Quelles sont tes compétences ?</div>
<div id="text">[b]Codage :[/b] [i]Débutant / Intermédiaire / Expert[/i]
[b]Ecriture :[/b] [i]Débutant / Intermédiaire / Expert[/i]
[b]Graphisme ?[/b] [i]Débutant / Intermédiaire / Expert[/i]
[b]Penses-tu pouvoir transmettre ton savoir ?[/b] [] Oui [] Non
[b]Si oui, dans quel domaine ?[/b] ...
[b]Souhaites-tu ajouter quelque-chose ?[/b] ...</div>
<div id="sstitre">Toi et le forum</div>
<div id="text">[b]Comment nous as-tu trouvé ?[/b] ...
[b]Que penses-tu du forum ?[/b] ...
[b]A ton avis, manque-t-il quelque chose ?[/b] ...
[b]Autre chose ?[/b] ...
[b]Le code :[/b] [hide]...[/hide]</div>
</div>
<div class="signa">Code par Rin sur [url=http://forum-services.faireforum.com/]Forum-service[/url]</div>
</div>
   </body>
   </html>

Ce que ça donne :