Codes contenu de message

 :: Catégorie 1 :: Autriche-Hongrie Voir le sujet précédent Voir le sujet suivant Aller en bas
Aller à la page : Précédent  1, 2
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 404
Compte PNJ ▬ Admin
Mer 14 Mar - 7:28

I liked it better

When you had no heart

Feat Alias 1 & Alias 2


Texte ici
notes
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 404
Compte PNJ ▬ Admin
Mer 14 Mar - 7:30

Objet du mail
  • Nom de l'expéditeur (expediteur@mail.com)
  • sam. 02/04/16 13:27
  • Alias (alias@mail.com)
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.

Le sam. 02/04/16 13:27, expéditeur a écrit :

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.
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 404
Compte PNJ ▬ Admin
Ven 13 Avr - 9:13

Life's a bitch and then you die

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Bold text. Italic. Link. Texte ici.
@feat joueur Des petites notes ici
Awful
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 404
Compte PNJ ▬ Admin
Ven 13 Avr - 11:50

Questions fréquentes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.



Pour ajouter une question

Code:
<input id="EDITER" type="checkbox" name="faq"><label for="EDITER">

Code:
<style>@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');:root {--accent-color: #7154aa;}.faq-wrap {background: #fff;width: 100%;max-width: 700px;margin: auto;font-family: 'Source Sans Pro', sans-serif;}.faq-wrap h2 {font-size: 12px;text-align: center;background: #000;color: #fff;line-height: 6;margin: 0;text-transform: uppercase;letter-spacing: 0.3em;font-family: 'Source Sans Pro', sans-serif;font-weight: bold;}.faq-item {position: relative;margin-bottom: 1px;color: #000;overflow: hidden;border-bottom: 1px solid #ccc;-webkit-transition: all 0.4s;transition: all 0.4s;}.faq-item:hover {border-color: var(--accent-color);}.faq-item input {position: absolute;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index: -1;}.faq-item label {position: relative;display: block;padding: 2em 4em!important;font-weight: bold;cursor: pointer;-webkit-transition: all 0.4s;transition: all 0.4s;font-size: 15.7px;line-height:19px;}.faq-item label b {font-size: 0.75em;position: absolute;margin-left: -2em;margin-top: 0.3em;color: #000!important;font-weight: normal;}.faq-item:hover label {padding-left:3em!important;color: var(--accent-color);}.faq-content {max-height: 0;overflow: hidden;-webkit-transition: max-height .4s;transition: max-height .4s;}.faq-content p {line-height:1.3846; font-family:'Source Sans Pro', sans-serif;margin: 2em;font-size: 12px;text-align: justify;}.faq-item input:checked ~ .faq-content {max-height: 600px;}.faq-item input[type=checkbox] + label:after {content: "+";color: #888;position: absolute;right: 40px;top: 2em;-webkit-transition: 0.4s;transition: 0.4s;}.faq-item input[type=checkbox]:checked + label:after {content: "-";}.faq-item:hover input[type=checkbox] + label:after {right: 20px;}.faq-credit a {text-decoration: none!important;font-size: 8px;color: #ccc!important;text-transform: uppercase;letter-spacing: 1px;}</style>
<div class="faq-wrap"><h2>Questions fréquentes</h2><!--

--><div class="faq-item"><input id="faq-one" type="checkbox" name="faq"><label for="faq-one"><b>01</b>Label One</label><!--
--><div class="faq-content"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p></div></div><!--

--><div class="faq-item"><input id="faq-two" type="checkbox" name="faq"><label for="faq-two"><b>02</b>Label Two</label><!--
--><div class="faq-content"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p><!--

--></div></div><div class="faq-item"><input id="faq-three" type="checkbox" name="faq"><label for="faq-three"><b>03</b>Que se passe-t-il si j'écris une super longue question qui s'étendra probablement sur plusieurs lignes ? </label><div class="faq-content"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p></div></div><!--
--><div class="faq-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 404
Compte PNJ ▬ Admin
Ven 13 Avr - 11:50


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>
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 2 sur 2Aller à la page : Précédent  1, 2

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Catégorie 1 :: Autriche-Hongrie-
Sauter vers: