AadelrunAlpha
Annonce Grise et Bleue
Dim 3 Déc - 15:09
Titre
Code par Anuska
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.
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.
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>
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum