Fiche de Présentation - Foxstyle

 :: La précision du codage :: Libre service de codage Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
Messages : 17
Date d'inscription : 27/08/2017
Age : 16
Dim 27 Aoû - 15:39
Bonjour tous le monde !
Voilà une fiche de présentation, de la même collection que la fiche de partenariat foxstyle Wink Aperçut : https://i.goopics.net/2dR5x.jpg

HTML :

Code:
<link href="https://fonts.googleapis.com/css?family=Asap|PT+Sans+Narrow" rel="stylesheet"> <div class="corps_foxcraftprez"><div class="titre_foxcraftprez">Nom.</div><div class="marge_foxcraftprez"><div class="titre2_foxcraftprez">Identité.</div><div class="id1_foxcraftprez"><b>Nom :</b> écris ici<br/><br/><br/><b>Age :</b> écris ici<br/><br/><br/><b>Sexe :</b> écris ici<br/><br/><br/></div><img class="idimg_foxcraftprez" src="URL_IMAGE_120*200"/><div class="id2_focraftprez"><b>Groupe :</b> écris ici<br/><br/><br/><b>Rang :</b> écris ici<br/><br/><br/><b>Espèce :</b> écris ici<br/><br/><br/></div><div class="titre2_foxcraftprez">Physique.</div><div class="textcont_foxcraftprez">Phasellus ac felis ut magna condimentum tincidunt. Pellentesque finibus, mauris ut lobortis condimentum, sapien ante rhoncus nibh, sed fringilla ipsum ipsum ut turpis. Sed erat felis, ultricies eu enim nec, iaculis dapibus nulla. Donec et elementum justo. Nulla id iaculis risus. Praesent quis pharetra felis. In sed justo sit amet dolor porta molestie vitae sed arcu. Morbi malesuada, orci porttitor faucibus feugiat, nisi erat venenatis ex, a euismod metus urna nec quam. Fusce at blandit lectus. Praesent lacinia tortor a vestibulum cursus. Phasellus rutrum velit id interdum accumsan. Suspendisse eget maximus lacus. Maecenas scelerisque metus lacus, quis varius mi accumsan vel. </div><div class="titre2_foxcraftprez">Caractère.</div><div class="textcont_foxcraftprez">Phasellus ac felis ut magna condimentum tincidunt. Pellentesque finibus, mauris ut lobortis condimentum, sapien ante rhoncus nibh, sed fringilla ipsum ipsum ut turpis. Sed erat felis, ultricies eu enim nec, iaculis dapibus nulla. Donec et elementum justo. Nulla id iaculis risus. Praesent quis pharetra felis. In sed justo sit amet dolor porta molestie vitae sed arcu. Morbi malesuada, orci porttitor faucibus feugiat, nisi erat venenatis ex, a euismod metus urna nec quam. Fusce at blandit lectus. Praesent lacinia tortor a vestibulum cursus. Phasellus rutrum velit id interdum accumsan. Suspendisse eget maximus lacus. Maecenas scelerisque metus lacus, quis varius mi accumsan vel. </div><div class="titre2_foxcraftprez">Histoire.</div><div class="textcont_foxcraftprez"> Phasellus ac felis ut magna condimentum tincidunt. Pellentesque finibus, mauris ut lobortis condimentum, sapien ante rhoncus nibh, sed fringilla ipsum ipsum ut turpis. Sed erat felis, ultricies eu enim nec, iaculis dapibus nulla. Donec et elementum justo. Nulla id iaculis risus. Praesent quis pharetra felis. In sed justo sit amet dolor porta molestie vitae sed arcu. Morbi malesuada, orci porttitor faucibus feugiat, nisi erat venenatis ex, a euismod metus urna nec quam. Fusce at blandit lectus. Praesent lacinia tortor a vestibulum cursus. Phasellus rutrum velit id interdum accumsan. Suspendisse eget maximus lacus. Maecenas scelerisque metus lacus, quis varius mi accumsan vel.
Sed porta cursus convallis. Aliquam id finibus nulla, non aliquam quam. Nulla a ipsum et est egestas lacinia. Proin efficitur tristique hendrerit. Mauris magna sapien, faucibus sit amet molestie eget, egestas sed dui. Suspendisse luctus, arcu at lacinia vestibulum, sem purus convallis risus, semper facilisis lacus diam non ante. In cursus mi urna, nec luctus sem pulvinar ac. Morbi et efficitur tortor. Maecenas ultricies facilisis eros, sed ullamcorper nunc placerat ut. Sed gravida aliquet augue, quis lacinia magna congue ac. Duis et metus ut ex ornare luctus id nec quam. Morbi ultrices, risus in interdum commodo, sem est semper orci, accumsan varius turpis sem eget nulla.  important.</div><div class="titre2_foxcraftprez">Un peu de toi.</div><img class="playerimg_foxcraftprez" src="URL_IMAGE_90*100"/><div class="player_foxcraftprez"><b>Prénom :</b> Facultatif.<br/><b>Age :</b> Facultatif.<br/><b>Passions/crèves-coeur :</b> Facultatif.<br/><b>Avis sur le forum :</b> Le design, l'oragnisation etc...<br/><b>Comment es-tu arrivé sur le forum :</b> Top-site, partenariat, pub etc...<br/><b>Code du règlement :</b> Si tu ne le connait pas, va lire le règlement.<br/></div><div style="text-align: right; font-family: PT Sans Narrow; font-size: 15px; color: #000; margin-top: 5px;">Fiche codée par Ariemm d'<a href="http://orchedin.forumactif.org/">Orchedin</a></div></div></div>


CSS :
Code:
.corps_foxcraftprez {
width: 450px;
background-color: #eaeaea;
margin: auto;
padding-bottom: 20px;
}

.titre_foxcraftprez {
height: 50px;
  padding-top: 20px;
background-color: #D6775A;
color: #fff;
font-family: Asap;
font-size: 55px;
font-variant: small-caps;
}

.marge_foxcraftprez {
width: 410px;
margin: auto;
}

.titre2_foxcraftprez {
margin-top: 15px;
  padding-top: 5px;
height: 35px;
background-color: #D6775A;
padding-left: 10px;
font-family: Asap;
font-size: 30px;
font-variant: small-caps;
color: #fff;
}

.id1_foxcraftprez {
display: inline-block;
width: 100px;
height: 180px;
background-color: #fafafa;
margin-right: 20px;
margin-top: 20px;
overflow: auto;
padding: 10px;
text-align: justify;
font-family: PT Sans Narrow;
font-size: 15px;
color: #000;
}

.idimg_foxcraftprez {
display: inline-block;
width: 120px;
height: 200px;
margin-right: 20px;
margin-top: 20px;
}

.id2_focraftprez {
display: inline-block;
width: 100px;
height: 180px;
background-color: #fafafa;
margin-top: 20px;
overflow: auto;
padding: 10px;
text-align: justify;
font-family: PT Sans Narrow;
font-size: 15px;
color: #000;
}

.textcont_foxcraftprez {
margin-top: 20px;
padding: 10px;
background-color: #fafafa;
text-align: justify;
font-family: PT Sans Narrow;
font-size: 15px;
color: #000;
}

.playerimg_foxcraftprez {
display: inline-block;
width: 90px;
height: 100px;
margin-top: 20px;
margin-right: 20px;
}

.player_foxcraftprez {
display: inline-block;
width: 275px;
height: 80px;
margin-top: 20px;
padding: 10px;
background-color: #fafafa;
overflow: auto;
text-align: justify;
font-family: PT Sans Narrow;
font-size: 15px;
color: #000;
}
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Fiche de présentation HTML qui ne veux pas se poster
» Fiche de présentation
» Plagiat du thème et de la fiche de présentation de mon forum RPG.
» Besoin d'aide pour faire un modèle de fiche de présentation [HTML]
» Problème avec un code de fiche de présentation