Le Deal du moment : -41%
PNY CS900 – SSD interne – 1 To – ...
Voir le deal
59.99 €

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

RPG-Chevalier Logo WyvArtem Image hébergée gratuitement chez Image hébergée gratuitement chez