Admin Essai pour le rang
Messages : 26 Date d'inscription : 19/07/2013
| Sujet: Fiche Identité Mer 15 Jan - 15:10 | |
|
» Nom Prénom «
ft Célébrité (c) chiichan |
Personnage Date de Naissance: Age: Nature: Métier: Groupe: ??? : ??? :
Vous Prénom ou Pseudo: Age: Comment avez-vous trouver le forum?: Top-sites, publicité, autre... Que pensez vous du forum? : Bon, moyen, suggestions... Autres Informations :
|
Caractère Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet tempor ipsum, sed feugiat orci. Integer rutrum placerat mauris ut porttitor. Praesent faucibus vitae enim at vestibulum. Pellentesque velit sapien, egestas id lacus aliquet, auctor elementum urna. Nulla tempor, turpis quis suscipit vulputate, enim nisl aliquet tellus, ac tempor metus ante vitae mauris. Nullam nibh quam, facilisis sit amet dignissim vel, fringilla non sem. Praesent sodales ipsum quis elit fermentum hendrerit. Histoire Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet tempor ipsum, sed feugiat orci. Integer rutrum placerat mauris ut porttitor. Praesent faucibus vitae enim at vestibulum. Pellentesque velit sapien, egestas id lacus aliquet, auctor elementum urna. Nulla tempor, turpis quis suscipit vulputate, enim nisl aliquet tellus, ac tempor metus ante vitae mauris. Nullam nibh quam, facilisis sit amet dignissim vel, fringilla non sem. Praesent sodales ipsum quis elit fermentum hendrerit. |
Code CSS - Code:
-
/*FICHE DE PRESENTATION*/
.classname { transition:All 1.0048s ease; -webkit-transition:All 1.0048s ease; -moz-transition:All 1.0048s ease; -o-transition:All 1.0048s ease; transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); border:5px solid #000000; margin-top:25px; } .classname:hover{ transform: rotate(360deg) scale(1) skew(0deg) translate(0px); -webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); -moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); -o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); -ms-transform: rotate(360deg) scale(1) skew(0deg) translate(0px); border:5px solid #000000; margin-top:25px; } .nom { color:#ffffff; margin-top:50px; text-shadow:2px 1px 0px black; font-size:35px; font-family:tekton pro; font-style:italic; } .background { background-image:url(http://i55.servimg.com/u/f55/11/64/49/00/bloc_n15.jpg); width:695px; height:900px; } .titre { color:black; font-size:20px; font-family:tekton pro; font-style:italic; padding:3px; text-align:center; margin-top:45px; }
.case { width:250px; height:130px; overflow:auto; padding:3px; color:black; margin-top:5px; } .titre2 { color:black; font-size:20px; font-family:tekton pro; font-style:italic; padding:3px; text-align:center; margin-top:-15px; }
.case2 { width:250px; height:130px; overflow:auto; padding:3px; color:black; margin-top:5px; }
.histoire { width:250px; height:400px; overflow:auto; padding:3px; color:black; margin-top:5px; }
Code HTML - Code:
-
<center><div class="background"><table cellspacing="5"><tr><td>
<div class="nom">» Nom Prénom «</div>
<img class="classname" src="http://i82.servimg.com/u/f82/11/64/49/00/nouvea11.jpg"/> [color=#000000]ft Célébrité (c) chiichan[/color]</td><td>
<div class="titre">Personnage</div><div class="case">[b]Date de Naissance:[/b] [b]Age:[/b] [b]Nature:[/b] [b]Métier:[/b] [b]Groupe: [/b] [b]??? :[/b] [b]??? :[/b] </div> <div class="titre2">Vous</div><div class="case2">[b]Prénom ou Pseudo:[/b] [b]Age:[/b] [b]Comment avez-vous trouver le forum?: [/b]Top-sites, publicité, autre... [b]Que pensez vous du forum? : [/b]Bon, moyen, suggestions... [b]Autres Informations : [/b] </div></td></tr></table>
<div class="titre2">Caractère</div><div class="case3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet tempor ipsum, sed feugiat orci. Integer rutrum placerat mauris ut porttitor. Praesent faucibus vitae enim at vestibulum. Pellentesque velit sapien, egestas id lacus aliquet, auctor elementum urna. Nulla tempor, turpis quis suscipit vulputate, enim nisl aliquet tellus, ac tempor metus ante vitae mauris. Nullam nibh quam, facilisis sit amet dignissim vel, fringilla non sem. Praesent sodales ipsum quis elit fermentum hendrerit.</div>
<div class="titre2">Histoire</div><div class="case3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet tempor ipsum, sed feugiat orci. Integer rutrum placerat mauris ut porttitor. Praesent faucibus vitae enim at vestibulum. Pellentesque velit sapien, egestas id lacus aliquet, auctor elementum urna. Nulla tempor, turpis quis suscipit vulputate, enim nisl aliquet tellus, ac tempor metus ante vitae mauris. Nullam nibh quam, facilisis sit amet dignissim vel, fringilla non sem. Praesent sodales ipsum quis elit fermentum hendrerit. </td></tr></table></center>
|