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

Last change on this file was 118065, checked in by cedric@…, 12 months ago

optimiser le rendu des logos png en essayant de les garder en PNG

File size: 13.7 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                                                                                #SET{logo,#LOGO_NEWSLETTER|sinon{#LOGO_SITE_SPIP}}
123                                                                                [(#GET{logo}|image_passe_partout{600,250}|image_recadre{600,250,center,transparent}|image_aplatir{[(#GET{logo}|newsletter_image_extension_aplatir_format)],#ffffff,75}
124                                                                                  |inserer_attribut{alt,[(#LOGO_NEWSLETTER_NORMAL|non)#NOM_SITE_SPIP]}
125                                                                                  |inserer_attribut{border,'0'}
126                                                                                  |inserer_attribut{style,'margin: 0;padding: 0;width: 100%;border: 0;height: auto;line-height: 100%;outline: none;font-size:28px;text-decoration: none;'}
127                                                                                  |inserer_attribut{id,headerImage})]
128                                                                                <!-- // End Module: Standard Header Image \\ -->
129                                                                        </td>
130                                                                </tr>
131                                                        </table>
132                                                        <!-- // End Template Header \\ -->
133                                                </td>
134                                        </tr>
135                                        <tr>
136                                                <td align="center" valign="top" style="border-collapse: collapse;">
137                                                        <!-- // Begin Template Body \\ -->
138                                                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
139                                                                <tr>
140                                                                        <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FFFFFF;">
141
142                                                                                <!-- // Begin Module: Standard Content \\ -->
143                                                                                <table border="0" cellpadding="20" cellspacing="0" width="100%">
144                                                                                        <tr>
145                                                                                                <td valign="top" style="border-collapse: collapse;">
146                                                                                                        <div
147                                                                                                                style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
148                                                                                                                <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;">
149                                                                                                                        #TITRE</h1>
150                                                                                                                [<div class="#EDIT{texte}">(#TEXTE|image_reduire{560,0})</div>]
151                                                                                                        </div>
152                                                                                                </td>
153                                                                                        </tr>
154                                                                                </table>
155                                                                                <!-- // End Module: Standard Content \\ -->
156
157                                                                        </td>
158                                                                </tr>
159                                                                <BOUCLE_selectionarticles(ARTICLES){id_newsletter}>
160                                                                <tr>
161                                                                        <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FAFAFA;">
162
163                                                                                <!-- // Begin Module: Standard Content \\ -->
164                                                                                <table border="0" cellpadding="20" cellspacing="0" width="100%">
165                                                                                        <tr>
166                                                                                                <td valign="top" style="border-collapse: collapse;">
167                                                                                                        <div
168                                                                                                                style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
169                                                                                                                <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;">
170                                                                                                                        [(#LOGO_ARTICLE_NORMAL|image_reduire{100,200}
171                                                                                                                          |inserer_attribut{alt,''}
172                                                                                                                          |inserer_attribut{border,'0'}
173                                                                                                                          |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;'}
174                                                                                                                          |inserer_attribut{class,logo})]
175                                                                                                                        #TITRE</h2>
176                                                                                                                <div class="#EDIT{introduction}">#INTRODUCTION</div>
177                                                                                                                <div class="lire_en_ligne"><a href="#URL_ARTICLE"><:newsletter:lien_lire_en_ligne:> &laquo; #TITRE &raquo;</a></div>
178                                                                                                        </div>
179                                                                                                </td>
180                                                                                        </tr>
181                                                                                </table>
182                                                                                <!-- // End Module: Standard Content \\ -->
183
184                                                                        </td>
185                                                                </tr>
186                                                                </BOUCLE_selectionarticles>
187                                                        </table>
188                                                        <!-- // End Template Body \\ -->
189                                                </td>
190                                        </tr>
191                                        <tr>
192                                                <td align="center" valign="top" style="border-collapse: collapse;">
193                                                        <!-- // Begin Template Footer \\ -->
194                                                        <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter"
195                                                               style="background-color: #FFFFFF;border-top: 0;">
196                                                                <tr>
197                                                                        <td valign="top" class="footerContent" style="border-collapse: collapse;">
198
199                                                                                <!-- // Begin Module: Standard Footer \\ -->
200                                                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
201                                                                                        <tr>
202                                                                                                <td colspan="2" valign="middle" id="social"
203                                                                                                    style="border-collapse: collapse;background-color: #eee;border: 0;">
204                                                                                                        <div
205                                                                                                                style="color: #707070;font-family: Arial;font-size: 12px;line-height: 125%;text-align: center;">
206
207                                                                                                                [(#REM) Liens sociaux ex :
208                                                                                                                &nbsp;<a href="http://twitter.com/nursitfr"
209                                                                                                                         style="color: #336699;font-weight: normal;text-decoration: underline;">follow on
210                                                                                                                Twitter</a> | ... &nbsp;
211                                                                                                                ]
212                                                                                                        </div>
213                                                                                                </td>
214                                                                                        </tr>
215                                                                                        <tr>
216                                                                                                <td valign="top" width="350" style="border-collapse: collapse;">
217                                                                                                        <div
218                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: left;">
219                                                                                                                <em>&copy; <a href="#URL_SITE_SPIP">#NOM_SITE_SPIP</a> &mdash; [(#ENV{date}|annee)]</em>
220                                                                                                        </div>
221                                                                                                </td>
222                                                                                                <td valign="top" width="190" id="logo_site" style="border-collapse: collapse;">
223                                                                                                        <div
224                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: right;">
225                                                                                                                [(#LOGO_NEWSLETTER_NORMAL|oui)
226                                                                                                                        #SET{logo,#LOGO_SITE_SPIP}
227                                                                                                                        [(#GET{logo}|image_reduire{190,95}|image_aplatir{[(#GET{logo}|newsletter_image_extension_aplatir_format)],#ffffff,75}
228                                                                                                                          |inserer_attribut{alt,''}
229                                                                                                                          |inserer_attribut{border,'0'}
230                                                                                                                          |inserer_attribut{style,'margin: 0;padding: 0;max-width: 100%;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;'}
231                                                                                                                        )]
232                                                                                                                ]
233                                                                                                        </div>
234                                                                                                </td>
235                                                                                        </tr>
236                                                                                        <tr>
237                                                                                                <td colspan="2" valign="middle" id="utility"
238                                                                                                    style="border-collapse: collapse;background-color: #FFFFFF;border: 0;">
239                                                                                                        <div class="unsubscribe_link"
240                                                                                                                style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: center;">
241                                                                                                                <:newsletter:info_email_reception:> @email@<br />
242                                                                                                                &nbsp;<a href="@url_unsubscribe@"
243                                                                                                                         style="color: #336699;font-weight: normal;text-decoration: underline;"><:newsletter:label_link_unsubscribe:></a>&nbsp;
244
245                                                                                                        </div>
246                                                                                                </td>
247                                                                                        </tr>
248                                                                                </table>
249                                                                                <!-- // End Module: Standard Footer \\ -->
250
251                                                                        </td>
252                                                                </tr>
253                                                        </table>
254                                                        <!-- // End Template Footer \\ -->
255                                                </td>
256                                        </tr>
257                                </table>
258                                <br>
259                        </td>
260                </tr>
261        </table>
262</center>
263</body>
264</html>
265</BOUCLE_newsletter>
266#FILTRE{newsletters_liens_absolus}
Note: See TracBrowser for help on using the repository browser.