Partagez
Aller en bas
avatar
Alpha
Présence : Présence Réduite
Féminin
Infos : Codeuse et graphiste à mes heures perdues, grande amatrice de RPG et inventeuse (oui ça s'dit) de personnages, je suis l'admin d'Hidden Lands et fait tout mon possible pour répondre à vos questions o/
Si vous souhaitez ajouter un forum, ou devenir partenaire avec Hidden Lands, vous n'avez qu'à me contacter ! Je répondrais dès que possible.
Voir le profil de l'utilisateurhttp://forsakenbythegods.forumactif.org/

Annonce Grise et Bleue

le Dim 3 Déc - 15:09

Titre
XX.XX.XX - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.
XX.XX.XX - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.

Code par Anuska


HTML :
Code:
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="background"><center><span class="h1">Titre</span></center>
<div class="contenu"><span class="h2">XX.XX.XX -</span> <span class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</span></div><div class="contenu"><span class="h2">XX.XX.XX -</span> <span class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</span></div>
<center><span class="credits"><a href="http://remember-the-onirism.com">Code par Anuska</a></span></center></div>

CSS :
Code:
/*--------- Fiche Annonces ---------*/
.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
  text-align:center;
  font-size:11px;
}
.h1 {
  color:#2F3D4F;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
  text-align:center;
  margin-bottom:20px;
}
.contenu {
  margin-top: 20px;
  background-color:#D7D8D9;
  padding:10px;
  text-align:justify;
}
.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;
}
.texte {
  color:#292929;
  font-size:12px;
}
.credits {
  font-size: 11px;
}
/*-------- Fin Annonces-------*/

HTML+CSS
Code:
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div style="background-color:#E4E4E4; width:520px; border-left:solid 3px #A7BEC7; border-right:solid 3px #A7BEC7; margin:auto; padding:30px; text-align:center; font-size:11px;"><span style="color:#2F3D4F; font-size:30px; font-family: 'Julius Sans One', sans-serif; margin-bottom: 20px;">Titre</span>
<div style="margin-top: 20px; background-color:#D7D8D9; padding:10px; text-align:justify;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">XX.XX.XX -</span> <span style="color:#292929; font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</span></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px; text-align:justify;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">XX.XX.XX -</span> <span style="color:#292929; font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</span></div>
<a href="http://remember-the-onirism.com">Code par Anuska</a></div>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum