source: spip-zone/_plugins_/facteur/trunk/emails/texte.html @ 70299

Last change on this file since 70299 was 70299, checked in by cedric@…, 7 years ago

Revision du modele de wrapper mail HTML : laisser les font-size naturelle du client mail, alleger la structure, correction des puces, fournir 2 classes .header et .footer
Fournir un filtre facteur_email_wrap_to_html applicable dans un squelette de mail par #FILTRE{facteur_email_wrap_to_html}
Si le mail est au format texte : la premiere ligne est le sujet, le reste le corps du mail

Le mail peut etre aussi dans un format HTML *simplifié*, detecte par le fait que le mail commence par < et finit par > et contient un </body> : dans ce cas le mail fournit un <title></title> qui fera le sujet et un <body></body> qui fera le corps HTML du texte, encapsulé dans le wrapper emails/texte.html
A titre experimental on prend aussi en charge une <intro></intro> qui sera injectee en texte de debut mais non affichee, pour servir d'introduction dans les clients mails qui affichent le debut du texte du message sous son titre dans la vue de la BAL

File size: 5.2 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3<head>
4        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5        <title>[(#ENV{sujet})]</title>
6        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7        <style type="text/css">
8                #outlook a {padding: 0;}
9                body {width: 100% !important;}
10                body {margin: 0;padding: 0;}
11                img {border: none;font-size: inherit;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;}
12                #backgroundTable {height: 100% !important;margin: 0;padding: 0;width: 100% !important;}
13                body, .backgroundTable {background-color: #DDDDDD;}
14                #templateContainer {border: 1px solid #CCCCCC;max-width: 600px !important;}
15                h1,.h1,h2,.h2,h3,.h3,h4,.h4 {color: #202020;display: block;font-family: 'Helvetica Neue',Helvetica,Arial;margin-bottom: 0.5em;text-align: left;}
16                #templateHeader {background-color: #FFFFFF;border-bottom: 0;}
17                #templateContainer, .bodyContent {background-color: #FFFFFF;margin-top: 20px;}
18                .bodyContent {border-top:10px solid [#(#LOGO_SITE_SPIP|couleur_extraire|couleur_eclaircir_si_foncee{168}|sinon{BBB})];border-bottom:10px solid [#(#LOGO_SITE_SPIP|couleur_extraire|couleur_eclaircir_si_foncee{168}|sinon{BBB})];}
19                .bodyContent div {color: #222222;font-family: 'Helvetica Neue',Helvetica,Arial;line-height: 150%;text-align: left;}
20                .bodyContent div a:link, .bodyContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
21                .bodyContent img {display: inline;margin-bottom: 10px;}
22                .bodyContent img.puce {display: inline;margin-bottom: 0;}
23                .spip_code, .spip_cadre {color: #606060;font-family: Courier,"Courier New",monospace;font-size: 1em;}
24                .coloration_code ol {list-style: none;}
25                .spip_logos {float: right;margin-left: 10px;}
26                .text {word-wrap:break-word;}
27                .header,.footer {background: #e9e9e9;padding: 20px;margin-left: -20px;margin-right: -20px;}
28                .header hr,.footer hr {display: none}
29                @media only screen and (max-width: 640px) {
30                        html,body {width: 100% !important;}
31                        body, .backgroundTable {background-color: #ffffff !important;}
32                        .bodyContent {padding:0 0 10px !important;border-top:0;border-bottom:0;}
33                        #templateContainer {width: 100% !important;border: 0 !important;margin-top: 0}
34                        #templateBody {width: 100% !important;}
35                        .padding {padding-left:0 !important;padding-right:0 !important;}
36                        .text {color: #101010 !important;}
37                        .header,.footer {padding: 10px;margin-left: -10px;margin-right: -10px;}
38                }
39                @media only screen and (max-device-width: 480px) {
40                        html,body {width: 320px !important;}
41                        body, .backgroundTable {background-color: #ffffff !important;}
42                        .bodyContent {padding: 0 0 10px !important;border-top:0;border-bottom:0;}
43                        #templateContainer {width: 320px !important;border: 0 !important;margin-top: 0;}
44                        #templateBody {width: 320px !important;}
45                        .padding {padding-left:0 !important;padding-right:0 !important;}
46                        .text {color: #101010 !important;}
47                }
48        </style>
49</head>
50<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"
51                        style="margin: 0;padding: 0;width: 100% !important;">
52<center>
53        [<div style="display: none;">(#ENV{intro,''})</div>]
54        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"
55                                 style="margin: 0;padding: 0;height: 100% !important;width: 100% !important;">
56                <tr>
57                        <td align="center" valign="top">
58                                <!-- // End Template Preheader \\ -->
59                                <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
60                                                         style="border: 1px solid #CCCCCC;background-color: #FFFFFF;max-width: 600px !important;">
61                                        <tr>
62                                                <td align="center" valign="top">
63                                                        <!-- // Begin Template Body \\ -->
64                                                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
65                                                                <tr>
66                                                                        <td valign="top" class="bodyContent" style="background-color: #FFFFFF;padding:10px;">
67
68                                                                                <!-- // Begin Module: Standard Content \\ -->
69                                                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
70                                                                                        <tr>
71                                                                                                <td valign="top">
72                                                                                                        <div class='text' style="color:#222222;font-family: 'Helvetica Neue',Helvetica,Arial;font-size:100%;line-height:150%;text-align:left;word-wrap:break-word;">
73                                                                                                                [(#ENV*{html,#ENV*{texte}|replace{'<','&lt;'}|facteur_nl2br_si_pas_autobr|propre|replace{'<br />\s*<br />(\s*<br />)+?','<br /> <br />'}|concat{'<br /> <br />'}})]
74                                                                                                        </div>
75                                                                                                </td>
76                                                                                        </tr>
77                                                                                        <tr>
78                                                                                                <td align="left" valign="top"
79                                                                                                                style="color:#A39F9A !important;font-family: 'Helvetica Neue',Helvetica,Arial !important;font-size:90% !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;vertical-align:top !important;text-align:left !important;">
80                                                                                                        <br/>
81                                                                                                        <br/>
82                                                                                                        &mdash; Envoyé par <a href="#URL_SITE_SPIP/">#NOM_SITE_SPIP</a>
83                                                                                                        <br/>
84                                                                                                </td>
85                                                                                        </tr>
86                                                                                </table>
87                                                                                <!-- // End Module: Standard Content \\ -->
88                                                                        </td>
89                                                                </tr>
90                                                        </table>
91                                                        <!-- // End Template Body \\ -->
92                                                </td>
93                                        </tr>
94                                </table>
95                                <br>
96                        </td>
97                </tr>
98        </table>
99</center>
100</body>
101</html>
Note: See TracBrowser for help on using the repository browser.