Le Deal du moment : -49%
SanDisk Extreme 64 Go Carte microSDXC + adaptateur SD
Voir le deal
12.27 €

KoalaVolant
KoalaVolant

Article de journal n°1 Empty Article de journal n°1

Mar 6 Oct 2020 - 0:58
Si jamais vous avez envie pour votre forum, d'écrire un journal, cela est tout à fait possible grâce à ce code !



Pour ce faire il vous suffira de copier ce code suivant :

HTML



Code:
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Source+Sans+Pro&display=swap" rel="stylesheet"> <div class="newspaper"><h1>Nom de l'article</h1>
<h2>Date de l'article</h2><h3>Nom de l'auteur</h3><div><strong>00/00/00</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis mauris ipsum, vel scelerisque urna elementum id. Suspendisse quis nisl at erat imperdiet iaculis a non mi. Curabitur lacinia, massa ut bibendum maximus, leo massa pharetra metus, sit amet congue turpis magna a ex. Proin quis ante elit. In dui leo, egestas et ex sed, molestie ullamcorper tellus. Duis pulvinar libero sit amet ultricies faucibus. Sed blandit consectetur eleifend. Etiam dignissim luctus dapibus. Nullam rhoncus consequat neque ut cursus.

Suspendisse mi justo, fringilla vitae mollis sit amet, commodo ut arcu. Aliquam tincidunt, mi vel condimentum mattis, risus lacus vestibulum leo, sit amet vestibulum augue purus non arcu. Integer vitae tortor id est posuere hendrerit. Proin ligula lectus, finibus quis dolor nec, euismod porta elit. Vestibulum ultrices risus diam, nec condimentum quam lobortis ac. Cras quam leo, commodo sit amet tristique non, placerat ac ipsum. Donec velit risus, sodales quis sem non, scelerisque laoreet neque. Quisque dui lectus, vehicula et eros vehicula, luctus laoreet neque. Nullam cursus nibh nec porttitor ornare. Duis porta semper porta.</div></div>

CSS



Code:
/* Article de journal par Koala Volant */

.newspaper{ width:90%; margin:0 auto; padding:15px; color:#222; background-image:url('https://i.servimg.com/u/f30/19/45/51/53/f8b2d610.jpg'); background-size:cover; }
.newspaper *{ box-sizing:border-box; }
.newspaper h1{ font-family:'Alfa Slab One', cursive; font-size:30px; text-align:center; margin:0; margin-top:10px; }
.newspaper h2{ margin:0; margin-top:10px; border-bottom:1px solid #222; padding-bottom:3px; font-size:12px;
  font-family:'Source Sans Pro', sans-serif; text-transform:uppercase; }
.newspaper h3{ margin:0; margin-top:3px; font-size:12px; font-family:'Source Sans Pro', sans-serif; text-transform:uppercase; text-align:right; }
.newspaper div{ margin-top:10px; column-count:2; text-align:justify; }
Revenir en haut

Partenaires footer

Masqué RPG-Chevalier Altered Tokyo Les mythes d'YsarillRealm EnchantedAbstract Logo WyvArtem