Accueil
KoalaVolant
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 :
Il existe trois versions d'inclure cet article de journal :
- Version "Je suis admin du forum donc le CSS sera dans le panneau d'admin"
- Version "Je veux modifier le CSS mais je suis pas admin donc il sera aussi dans le message"
- Version "Le CSS est externe car je n'ai pas le panneau d'admin"
- Version "Je suis admin du forum donc le CSS sera dans le panneau d'admin"
- Version "Je veux modifier le CSS mais je suis pas admin donc il sera aussi dans le message"
- Version "Le CSS est externe car je n'ai pas le panneau d'admin"
Version "Je suis admin du forum donc le CSS sera dans le panneau d'admin"
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; }
KoalaVolant
Jeu 14 Déc 2023 - 9:21
Version "Je veux modifier le CSS mais je suis pas admin donc il sera aussi dans le message"
Copier ce code dans votre message :
- 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><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a>
<style>/* 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; } .koala{display:flex; justify-content:center; font-size:8px; letter-spacing:5px; }</style>
KoalaVolant
Jeu 14 Déc 2023 - 9:27
Version "Le CSS est externe car je n'ai pas le panneau d'admin"
Copier coller dans votre message :
- Code:
<link href="https://coderps.xyz/codesrps3/journal.css" rel="stylesheet" type="text/css" /><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><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a>
Contenu sponsorisé
|
|
|
