source: spip-zone/_plugins_/newsletters/trunk/newsletters/basic.html @ 93686

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

Bugfix : la regexp de remplacement des simples quotes par guillemets sur les balises img echouait sur les logos ayant un logo de survol
+ suppression des logo de survol (pas de sens dans un client mail sans JS)

File size: 13.6 KB
Line 
1<BOUCLE_rem(CONDITION){si #REM}>
2<!-- titre=<multi>[fr]Simple (une colonne, responsive)[en]Simple (one column, responsive)</multi> -->
3</BOUCLE_rem>
4<BOUCLE_newsletter(NEWSLETTERS){id_newsletter}{statut?}{lang_select}>
5<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
6<html>
7<head>
8        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9        <title>#TITRE</title>
10
11        <!-- Open Graph Protocol -->
12        [<meta property="og:title" content="(#TITRE|attribut_html)" />]
13        <meta property="og:type" content="article" />
14        [<meta property="og:image" content="(#LOGO_NEWSLETTER_NORMAL|sinon{#LOGO_SITE_SPIP}|extraire_attribut{src}|url_absolue)" />]
15        [<meta property="og:url" content="(#URL_NEWSLETTER|url_absolue)" />]
16        [<meta property="og:description" content="(#INTRODUCTION|supprimer_tags|entites_html)" />]
17        [<meta property="og:site_name" content="(#NOM_SITE_SPIP|attribut_html)" />]
18
19        <style type="text/css">
20                #outlook a {padding: 0;}
21                body {width: 100% !important;}
22                body {margin: 0;padding: 0;}
23                img {border: none;font-size: 16px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;-ms-interpolation-mode: bicubic;}
24                img#headerImage{font-size:28px;}
25                #backgroundTable {height: 100% !important;margin: 0;padding: 0;width: 100% !important;}
26                body, .backgroundTable {background-color: #FAFAFA;}
27                #templateContainer {border: 1px solid #DDDDDD;}
28                h1,.h1,h2,.h2,h3,.h3,h4,.h4 {color: #202020;display: block;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 22px;font-weight: bold;line-height: 100%;margin-bottom: 10px;text-align: left;}
29                h1,.h1 {font-size: 28px;} h2,.h2 {font-size: 26px;}
30                h3,.h3 {font-size: 22px;}       h4,.h4 {font-size: 20px;}
31                h5,.h5 {font-size: 18px;}       h6,.h6 {font-size: 16px;}
32                #templatePreheader {background-color: #FAFAFA;}
33                .preheaderContent div {color: #303030;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 12px;line-height: 100%;text-align: left;}
34                .preheaderContent div a:link, .preheaderContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
35                .preheaderContent div img {height: auto;max-width: 600px;}
36                #templateHeader {background-color: #FFFFFF;border-bottom: 0;}
37                .headerContent {color: #202020;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 34px;font-weight: bold;line-height: 100%;padding: 0;text-align: center;vertical-align: middle;}
38                .headerContent a:link, .headerContent a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
39                #headerImage {height: auto;max-width: 600px !important;}
40                #templateContainer, .bodyContent {background-color: #FDFDFD;}
41                .bodyContent div {color: #303030;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 16px;line-height: 150%;text-align: left;}
42                .bodyContent div a:link, .bodyContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
43                .bodyContent div .spip_documents_center { display: table; clear: both; margin: 1em auto; }
44                .bodyContent div .spip_documents_left { margin-right: 15px; margin-bottom: 5px; }
45                .bodyContent div .spip_documents_right { margin-left: 15px; margin-bottom: 5px; }
46                .bodyContent img {display: inline;margin-bottom: 10px;}         
47                #templateFooter {background-color: #FDFDFD;border-top: 0;}
48                .footerContent div {color: #707070;font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 14px;line-height: 125%;text-align: left;}
49                .footerContent div a:link, .footerContent div a:visited {color: #336699;font-weight: normal;text-decoration: underline;}
50                .footerContent img {display: inline;}
51                #social {background-color: #eee;border: 1px solid #F5F5F5;}
52                #social div {text-align: center;}
53                #utility {background-color: #FDFDFD;border-top: 1px solid #F5F5F5;}
54                #utility div {text-align: center;}
55                img.puce {margin-bottom: 0}
56                .spip_code, .spip_cadre {color: #606060;font-family: Courier,"Courier New",monospace;}
57                textarea.spip_cadre {width: 100%;}
58                .coloration_code ol {list-style: none;}
59                @media only screen and (max-width: 640px) {
60                        html,body {width: 100% !important;}
61                        img {max-width: 100% !important;}
62                        #templatePreheader {width: 100% !important;}
63                        .preheaderContent,.bodyContent,.footerContent {padding: 0 !important;}
64                        #templateContainer {width: 100% !important;border: 0 !important;}
65                        #templateHeader {width: 100% !important;border: 0 !important;}
66                        #templateBody {width: 100% !important;}
67                        #templateFooter {width: 100% !important;}
68                        #canspamBar {width: auto !important;}
69                        .archive_link {max-width: 50%}
70                        .padding {padding-left:0 !important;padding-right:0 !important;}
71                        .text {font-size: 16px !important;color: #101010 !important;}
72                }
73        </style>
74</head>
75<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"
76      style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #FAFAFA;width: 100% !important;">
77<center>
78
79        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"
80               style="margin: 0;padding: 0;background-color: #FAFAFA;height: 100% !important;width: 100% !important;">
81                <tr>
82                        <td align="center" valign="top" style="border-collapse: collapse;">
83                                <!-- // Begin Template Preheader \\ -->
84                                <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader"
85                                       style="background-color: #FAFAFA;">
86                                        <tr>
87                                                <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
88
89                                                        <!-- // Begin Module: Standard Preheader \ -->
90                                                        <table border="0" cellpadding="10" cellspacing="0" width="100%">
91                                                                <tr>
92                                                                        <td valign="top" style="border-collapse: collapse;">
93                                                                                <div style="color: #505050;font-family: Arial;font-size: 12px;line-height: 100%;text-align: left;">
94                                                                                        <div class="#EDIT{chapo}">#CHAPO</div>
95                                                                                </div>
96                                                                        </td>
97                                                                        <td valign="top" width="190" style="border-collapse: collapse;" class="archive_link">
98                                                                                <div style="color: #505050;font-family: Arial;font-size: 12px;line-height: 100%;text-align: left;">
99                                                                                        <:newsletter:info_email_not_displaying:><br><a href="#URL_NEWSLETTER" target="_blank"
100                                                                                                                                      style="color: #336699;font-weight: normal;text-decoration: underline;"><:newsletter:info_email_voir_en_ligne:></a>.
101                                                                                </div>
102                                                                        </td>
103                                                                </tr>
104                                                        </table>
105                                                        <!-- // End Module: Standard Preheader \ -->
106
107                                                </td>
108                                        </tr>
109                                </table>
110                                <!-- // End Template Preheader \\ -->
111                                <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer"
112                                       style="border: 1px solid #DDDDDD;background-color: #FFFFFF;">
113                                        <tr>
114                                                <td align="center" valign="top" style="border-collapse: collapse;">
115                                                        <!-- // Begin Template Header \\ -->
116                                                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader"
117                                                               style="background-color: #FFFFFF;border-bottom: 0;">
118                                                                <tr>
119                                                                        <td class="headerContent"
120                                                                            style="border-collapse: collapse;color: #202020;font-family: Arial;font-size: 34px;font-weight: bold;line-height: 100%;padding: 0;text-align: center;vertical-align: middle;">
121                                                                                <!-- // Begin Module: Standard Header Image \\ -->
122                                                                                [(#LOGO_NEWSLETTER|sinon{#LOGO_SITE_SPIP}|image_passe_partout{600,250}|image_recadre{600,250,center,transparent}|image_aplatir{jpg,#ffffff,75}
123                                                                                  |inserer_attribut{alt,[(#LOGO_NEWSLETTER_NORMAL|non)#NOM_SITE_SPIP]}
124                                                                                  |inserer_attribut{border,'0'}
125                                                                                  |inserer_attribut{style,'margin: 0;padding: 0;width: 100%;border: 0;height: auto;line-height: 100%;outline: none;font-size:28px;text-decoration: none;'}
126                                                                                  |inserer_attribut{id,headerImage})]
127                                                                                <!-- // End Module: Standard Header Image \\ -->
128                                                                        </td>
129                                                                </tr>
130                                                        </table>
131                                                        <!-- // End Template Header \\ -->
132                                                </td>
133                                        </tr>
134                                        <tr>
135                                                <td align="center" valign="top" style="border-collapse: collapse;">
136                                                        <!-- // Begin Template Body \\ -->
137                                                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
138                                                                <tr>
139                                                                        <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FFFFFF;">
140
141                                                                                <!-- // Begin Module: Standard Content \\ -->
142                                                                                <table border="0" cellpadding="20" cellspacing="0" width="100%">
143                                                                                        <tr>
144                                                                                                <td valign="top" style="border-collapse: collapse;">
145                                                                                                        <div
146                                                                                                                style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
147                                                                                                                <h1 class="#EDIT{titre} h1" style="color: #202020;display: block;font-family: Arial;font-size: 28px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;">
148                                                                                                                        #TITRE</h1>
149                                                                                                                [<div class="#EDIT{texte}">(#TEXTE|image_reduire{560,0})</div>]
150                                                                                                        </div>
151                                                                                                </td>
152                                                                                        </tr>
153                                                                                </table>
154                                                                                <!-- // End Module: Standard Content \\ -->
155
156                                                                        </td>
157                                                                </tr>
158                                                                <BOUCLE_selectionarticles(ARTICLES){id_newsletter}>
159                                                                <tr>
160                                                                        <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FAFAFA;">
161
162                                                                                <!-- // Begin Module: Standard Content \\ -->
163                                                                                <table border="0" cellpadding="20" cellspacing="0" width="100%">
164                                                                                        <tr>
165                                                                                                <td valign="top" style="border-collapse: collapse;">
166                                                                                                        <div
167                                                                                                                style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
168                                                                                                                <h2 class="#EDIT{titre} h2" style="color: #202020;display: block;font-family: Arial;font-size: 26px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;">
169                                                                                                                        [(#LOGO_ARTICLE_NORMAL|image_reduire{100,200}
170                                                                                                                          |inserer_attribut{alt,''}
171                                                                                                                          |inserer_attribut{border,'0'}
172                                                                                                                          |inserer_attribut{style,'margin: 0;margin-left: 1em;margin-bottom: 1em;float:right;padding: 0;max-width: 100%;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;'}
173                                                                                                                          |inserer_attribut{class,logo})]
174                                                                                                                        #TITRE</h2>
175                                                                                                                <div class="#EDIT{introduction}">#INTRODUCTION</div>
176                                                                                                                <div class="lire_en_ligne"><a href="#URL_ARTICLE"><:newsletter:lien_lire_en_ligne:> &laquo; #TITRE &raquo;</a></div>
177                                                                                                        </div>
178                                                                                                </td>
179                                                                                        </tr>
180                                                                                </table>
181                                                                                <!-- // End Module: Standard Content \\ -->
182
183                                                                        </td>
184                                                                </tr>
185                                                                </BOUCLE_selectionarticles>
186                                                        </table>
187                                                        <!-- // End Template Body \\ -->
188                                                </td>
189                                        </tr>
190                                        <tr>
191                                                <td align="center" valign="top" style="border-collapse: collapse;">
192                                                        <!-- // Begin Template Footer \\ -->
193                                                        <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"
194                                                               style="background-color: #FFFFFF;border-top: 0;">
195                                                                <tr>
196                                                                        <td valign="top" class="footerContent" style="border-collapse: collapse;">
197
198                                                                                <!-- // Begin Module: Standard Footer \\ -->
199                                                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
200                                                                                        <tr>
201                                                                                                <td colspan="2" valign="middle" id="social"
202                                                                                                    style="border-collapse: collapse;background-color: #eee;border: 0;">
203                                                                                                        <div
204                                                                                                                style="color: #707070;font-family: Arial;font-size: 12px;line-height: 125%;text-align: center;">
205
206                                                                                                                [(#REM) Liens sociaux ex :
207                                                                                                                &nbsp;<a href="http://twitter.com/nursitfr"
208                                                                                                                         style="color: #336699;font-weight: normal;text-decoration: underline;">follow on
209                                                                                                                Twitter</a> | ... &nbsp;
210                                                                                                                ]
211                                                                                                        </div>
212                                                                                                </td>
213                                                                                        </tr>
214                                                                                        <tr>
215                                                                                                <td valign="top" width="350" style="border-collapse: collapse;">
216                                                                                                        <div
217                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: left;">
218                                                                                                                <em>&copy; <a href="#URL_SITE_SPIP">#NOM_SITE_SPIP</a> &mdash; [(#ENV{date}|annee)]</em>
219                                                                                                        </div>
220                                                                                                </td>
221                                                                                                <td valign="top" width="190" id="logo_site" style="border-collapse: collapse;">
222                                                                                                        <div
223                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: right;">
224                                                                                                                [(#LOGO_NEWSLETTER_NORMAL|oui)
225                                                                                                                        [(#LOGO_SITE_SPIP|image_reduire{190,95}|image_aplatir{jpg,#ffffff,75}
226                                                                                                                          |inserer_attribut{alt,''}
227                                                                                                                          |inserer_attribut{border,'0'}
228                                                                                                                          |inserer_attribut{style,'margin: 0;padding: 0;max-width: 100%;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;'}
229                                                                                                                        )]
230                                                                                                                ]
231                                                                                                        </div>
232                                                                                                </td>
233                                                                                        </tr>
234                                                                                        <tr>
235                                                                                                <td colspan="2" valign="middle" id="utility"
236                                                                                                    style="border-collapse: collapse;background-color: #FFFFFF;border: 0;">
237                                                                                                        <div class="unsubscribe_link"
238                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: center;">
239                                                                                                                <:newsletter:info_email_reception:> @email@<br />
240                                                                                                                &nbsp;<a href="@url_unsubscribe@"
241                                                                                                                         style="color: #336699;font-weight: normal;text-decoration: underline;"><:newsletter:label_link_unsubscribe:></a>&nbsp;
242
243                                                                                                        </div>
244                                                                                                </td>
245                                                                                        </tr>
246                                                                                </table>
247                                                                                <!-- // End Module: Standard Footer \\ -->
248
249                                                                        </td>
250                                                                </tr>
251                                                        </table>
252                                                        <!-- // End Template Footer \\ -->
253                                                </td>
254                                        </tr>
255                                </table>
256                                <br>
257                        </td>
258                </tr>
259        </table>
260</center>
261</body>
262</html>
263</BOUCLE_newsletter>
264#FILTRE{newsletters_liens_absolus}
Note: See TracBrowser for help on using the repository browser.