Explicatif sur le fonctionnement des E-Mails

√ Arrivée le : 01/08/2015

Objet du mail

De : Nom de l'expéditeur (prenom.nom@atlantis.com)
Envoyé : sam. 02/04/16 13:27
À : Alias (prenom.nom@atlantis.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 :

(si vous répondez a une réponse, sinon vous pouvez retirer cette partie) 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.

awful

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 darkcyan; padding: 15px; } .objet-mail { font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 17px; font-weight: normal; color:darkcyan; } .info-mail { border-top: 1px solid darkcyan; } .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: #f2f2f2; font-weight: 300; padding-top: 30px; font-size: 11px; line-height: 16px; } .reponse { margin: 30px auto auto 20px; border-left: 1px solid darkcyan; padding: 0 0 0 20px; } .corps-mail h4 { font-weight: normal; font-size: 11px; margin: -15px 0 0 -25px; position: absolute;color:#FFF; } .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://image.noelshack.com/fichiers/2018/42/4/1539878464-01mail.jpg" /><ul><li><label>De :</label> <strong>Nom de l'expéditeur</strong> (prenom.nom@atlantis.com)</li><li><label>Envoyé :</label> sam. 02/04/16 13:27 </li><li><label>À :</label> Alias (prenom.nom@atlantis.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>[color=darkcyan]Le sam. 02/04/16 13:27, expéditeur a écrit :[/color]</h4> (si vous répondez a une réponse, sinon vous pouvez retirer cette partie) 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>