Fiche de Partenariat - 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:37
Bonjour !
Voici une fiche de partenariat simple mais efficace : https://i.goopics.net/4Z7V8.jpg

HTML :
Code:
<link href="https://fonts.googleapis.com/css?family=Asap|PT+Sans+Narrow" rel="stylesheet"><div class="corps_foxcraftparto"><div class="titre_foxcraftparto">Titre du Forum.</div><div class="marge_foxcraftparto"><a href="url_du_forum"><img class="banniere_foxcraftparto" src="https://i.goopics.net/4ZEQ8.png"/></a><div class="titre2_foxcraftparto">Contexte</div><div class="textcont_foxcraftparto">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_foxcraftparto">Communauté</div><div class="textcont_foxcraftparto">Décris ici l'ambiance sur le forum, les différente activité Rp et HRP que propose ton forum.</div><div class="titre2_foxcraftparto">Statistiques</div><div class="textcont2_foxcraftparto"><b>Type de forum :</b> Rpg (fantasy, historique, animaux...), Graph, Pub...<br/><b>Date d'ouverture :</b> xx/xx/xxxx<br/><b>Taille des avatars :</b> xxx*xxx<br/><b>Spécificités :</b> Une particularité qui le distingue des autres ?<br/></div></div><div class="liens_foxcraftparto"><a href="url_lien">Lien 1</a></div><div class="liens_foxcraftparto"><a href="url_lien">Lien 2</a></div><div class="liens_foxcraftparto"><a href="url_lien">Lien 3</a></div><div style="text-align: right; margin-right: 15px; margin-top: 5px; font-family: PT Sans Narrow; font-size: 15px; color: #000;">Fiche codée par Ariemm d'<a href="http://orchedin.forumactif.org/">Orchedin</a></div></div>

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

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

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

.banniere_foxcraftparto {
margin-top: 20px;
width: 410px;
height: 200px;
}

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

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

.textcont2_foxcraftparto {
margin-top: 20px;
width: 410px;
text-align: justify;
font-family: PT Sans Narrow;
font-size: 15px;
color: #000;
}

.liens_foxcraftparto {
margin-top: 20px;
display: inline-block;
width: 150px;
font-family: PT Sans Narrow;
font-size: 15px;
text-align: center;
background-color: #D6775A;
transition: all 0.5s;
}

.liens_foxcraftparto:hover {
background-color: #e8ae80;
}
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Faire une fiche de partenariat sofistiqué.
» comment faire une fiche de partenariat
» Fiche de partenariat
» Demande de partenariat
» Fiche de Partenariat - Sweet Darkness