News Accueil

Terrible

Libre-service de codages pour vos forums


Mail Outlook

par Awful le le Sam 17 Juin - 20:38

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.


Code:
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'><style> .wrap-mail { font-family: helvetica, arial, sans-serif; width: 500px; border: 1px solid #ccc; padding: 15px; } .objet-mail { font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 17px; font-weight: normal; } .info-mail { border-top: 1px solid #ccc; } .info-mail img { float: left; margin: 0 20px 0 0; } .info-mail ul { margin: 8px 0 0 0; } .info-mail ul li { list-style-type: none; font-size: 11px; line-height: 17px; } .info-mail ul li label { color: #666; width: 50px; display: inline-block; } .corps-mail { color: #444; font-weight: 300; padding-top: 30px; font-size: 11px; line-height: 16px; } .reponse { margin: 30px auto auto 20px; border-left: 1px solid #ccc; padding: 0 0 0 20px; } .corps-mail h4 { font-weight: normal; font-size: 11px; margin: -15px 0 0 -25px; position: absolute; } .mail-credit { margin: 2px 0 0 5px; } .mail-credit a{ letter-spacing: 2px!important; color: #B1B1B1!important; text-decoration: none!important; font: normal 9px source-sans-pro, arial, sans-serif; } </style>
<div class="wrap-mail"><div class="header-mail"><!--
--><div class="objet-mail">Objet du mail</div><!--
--><div class="info-mail"><img src="http://placehold.it/60x60" /><ul><!--
--><li><label>De :</label> <strong>Nom de l'expéditeur</strong> (expediteur@mail.com)</li><!--
--><li><label>Envoyé :</label> sam. 02/04/16 13:27</li><!--
--><li><label>À :</label> Alias (alias@mail.com)</li></ul></div></div><div class="corps-mail"> 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>
<div class="corps-mail reponse"><h4>Le sam. 02/04/16 13:27, expéditeur a écrit :</h4> 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></div><div class="mail-credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div>