-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Terrible :: Codes messages :: Divers
Awful
Sam 17 Juin - 20:38
Awful

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>
Maître du jeu / SG
Dim 17 Mai - 15:51
avatar
Cry forever

Coucou, je ne sais pas si je suis à la bonne place...
J'aimerais des précisions à propos de ce code. Sur mon forum, quand je le prévisualise, tout est bon et dès que j'envoie, ça se déforme comme ça (alors que le code n'est aucunement modifié) :

https://i.servimg.com/u/f46/20/19/15/55/sans_t21.png

D'ailleurs, est-ce possible de centrer le cadre dans la page ? Je n'y arrive pas même en ajoutant des marges et/ou en mettant le tout centrer, mais cela centre aussi les textes...

Merci beaucoup de partager ce codage, il est génial. :)