Terrible

Bienvenue sur Terrible, le forum de libre-service pour vos codages de forums. Venez trouver ici toutes sortes de codes pour agrémenter aussi bien vos templates que vos messages, sans avoir besoin d'inscription !


Terrible :: Codes messages :: Divers
avatar
le Mer 27 Déc - 22:59


Nom du forumNews du 25/12

Titre lorem ipsum


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Titre lorem ipsum


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800');:root {--main-color: #35c0cb;}.news {width: 500px;margin: auto;font-family: 'Open Sans', sans-serif;overflow: hidden;}.header-news {background: var(--main-color);padding: 50px 0;position: relative;}.header-news h2 {margin: 0;color: #fff;text-align: center;font-weight: 800;text-transform: uppercase;}.header-news h2 i {display: block;font-size: 15px;font-weight: normal;font-style: normal;}.header-news::before,.header-news::after {content: "";width: 0;height: 0;border-style: solid;border-width: 50px 250px 0 250px;border-color: var(--main-color) transparent transparent transparent;position: absolute;bottom: -50px;}.header-news::before {bottom: -60px;opacity: 0.4;border-width: 60px 285px 0 285px;left: -35px;}.news-content {background: #fff;padding: 80px 20px 20px;font-size: 11px;text-align: justify;}.news-content h3 {margin: 15px 0 0 5px;font-size: 15px;text-transform: uppercase;font-weight: 800;}.news-content h3::before {content: "◆";color: var(--main-color);margin-right:5px;}.join {margin: 40px 0 20px;text-align: center;}.join a {text-decoration: none;color: var(--main-color);text-transform: uppercase;font-size: 10px;letter-spacing: 1px;}.footer-news {background: var(--main-color);padding: 20px 0;}.footer-news h4,.news-team h5 {margin: 0 0 20px;color: #fff;text-align: center;font-weight: normal;text-transform: uppercase;font-size: 10px;letter-spacing: 1px;}.news-team-wrap {display: flex;justify-content: space-around;}.news-team {text-align: center;width: 100px;}.news-team img {border-radius: 50%;height: 50px;width: 50px;border: 3px solid #2ea9b3;}.news-team h5 {margin: 5px 0 0;font-size: 9px;}.news-team h5.role {margin-bottom: 5px;margin-top:0;font-weight: 600;}.news-credit {text-align: center;}.news-credit a {text-decoration: none!important;color: #ccc;font-size: 9px;letter-spacing: 1px;}.news-credit xmp {display: inline;font-family: inherit;}</style>

<div class="news"><div class="header-news"><!--
--><h2>Nom du forum<i>News du 25/12</i></h2><!--
--></div><div class="news-content"><!--
--><h3>Titre lorem ipsum</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<h3>Titre lorem ipsum</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="join"><a href="#">× Rejoignez-nous sur Nom du forum ! ×</a></div></div><!--
--><div class="footer-news"><h4>La team</h4><!--
--><div class="news-team-wrap"><!--
--><div class="news-team"><h5 class="role">fonda</h5><!--
--><img src="http://via.placeholder.com/50x50"><!--
--><h5>Pseudo</h5><!--
--></div><!--
--><div class="news-team"><h5 class="role">Admin</h5><!--
--><img src="http://via.placeholder.com/50x50"><!--
--><h5>Pseudo</h5><!--
--></div><!--
--><div class="news-team"><h5 class="role">Modo</h5><!--
--><img src="http://via.placeholder.com/50x50"><!--
--><h5>Pseudo un peu plus long</h5><!--
--></div></div></div><div class="news-credit"><a href="http://terrible.forumactif.org/" target="_blank"><xmp></> awful</xmp></a></div></div>
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum