source: spip-zone/_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/lettre_libre.html @ 42251

Last change on this file since 42251 was 42251, checked in by real3t@…, 10 years ago

Pour que la surimpression du logo se fasse bien, il faut qu'il soit en PNG.
File size: 12.1 KB
Line 
1#CACHE{0}#HTTP_HEADER{Content-type: text/html; charset=#CHARSET}
2#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header_lettre,ffffff}|replace{#,''})}
3        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_lettre_bk,7c4617}|replace{#,''})}
4#SET{c_titraille_links,(#CONFIG{soyezcreateurs_couleurs/titraille_lettre,a72323}|replace{#,''})}
5
6<BOUCLE_Lettre(CM_LISTS){lst_id}>
7<BOUCLE_articles(ARTICLES){titre_mot=Courrier_libre}{!par date}{0,1}>
8<html>
9<head>
10   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
11   <title>[(#TITRE|textebrut)] &mdash; [(#NOM_SITE_SPIP|
12                                          replace{<sub>.*</sub>,''}|
13                                          replace{<sup>.*</sup>,''}|textebrut)]</title>
14   <style type="text/css" media="screen">
15[(#REM) Recuperation des CSS par defaut de SPIP ]
16[(#INCLURE{#CHEMIN{spip_style.css}|url_absolue_css}|compacte{css})]
17      body {
18         margin: 0;
19         padding: 0;
20         background-color: #ffffff;
21      }
22
23      td.permission {
24         padding: 20px 0 20px 0;
25      }
26
27      td.permission p {
28         font-family: 'Lucida Grande', sans-serif;
29         font-size: 10px;
30         font-weight: normal;
31         color: #151515;
32      }
33
34      td.permission p a {
35         font-family: 'Lucida Grande', sans-serif;
36         font-size: 10px;
37         font-weight: normal;
38         color: ##GET{c_titraille_links};
39      }
40
41      td.header {
42         background-image: url('[(#CHEMIN{lettres/header.jpg}|
43                                        image_sepia{#GET{c_header_bk}}|
44                                        image_masque{[(#LST_NAME|
45                                          replace{<sub>.*</sub>,''}|
46                                          replace{<sup>.*</sup>,''}|
47                                          image_typo{police=AndBasR.ttf,largeur=460,couleur=#GET{c_header},taille=32,padding=20}|
48                                          image_recadre{580,110,center left,transparent}|
49                                          image_recadre{580,130,top left,transparent}|
50                                          extraire_attribut{src})],
51                                        mode=normal}|
52                                        image_masque{[(#LOGO_SITE_SPIP_NORMAL|
53                                          image_aplatir{png,[(#ENV{header_lettre_bk,#7c4617}|replace{#,''})]}|
54                                          image_reduire{0,100}|
55                                          image_recadre{570,105,bottom right,transparent}|
56                                          image_recadre{580,130,top left,transparent}|                                   
57                                          extraire_attribut{src})],
58                                        mode=normal}|
59                                        extraire_attribut{src}|url_absolue)]');
60         background-repeat: no-repeat;
61         background-position: top center;
62         background-color: ##GET{c_header_bk};
63         height: 130px;
64      }
65
66      td.header h1 {
67         font-family: Georgia, serif;
68         font-size: 30px;
69         font-weight: normal;
70         color: #333333;
71         margin-left: 50px;
72         margin-bottom: 24px;
73      }
74
75      table.content {
76         background-color: #f5f5f5;
77      }
78
79      td.sidebar a {
80         font-family: 'Lucida Grande', sans-serif;
81         font-size: 11px;
82         font-weight: normal;
83         color: ##GET{c_titraille_links};
84         text-decoration: none;
85      }
86      td.sidebar h3 a {
87         font-size: 20px;
88         font-weight: normal;
89      }
90
91      td.sidebar ul {
92         margin: 0 0 0 24px;
93         padding: 0;
94      }
95
96      td.sidebar ul li {
97         font-family: 'Lucida Grande', sans-serif;
98         font-size: 12px;
99         font-weight: normal;
100         color: #333333;
101      }
102      td.sidebar ul li a {
103         font-family: 'Lucida Grande', sans-serif;
104         font-size: 12px;
105         font-weight: normal;
106         color: ##GET{c_titraille_links};
107      }
108
109      td.sidebar h3 {
110         font-family: 'Lucida Grande', sans-serif;
111         font-size: 16px;
112         font-weight: bold;
113         color: #333333;
114         margin: 10px 0 14px 0;
115         padding: 0;
116      }
117
118      td.sidebar h3.buttons {
119         font-family: 'Lucida Grande', sans-serif;
120         font-size: 16px;
121         font-weight: bold;
122         color: #333333;
123         margin: 0 0 4px 0;
124         padding: 0;
125      }
126
127      td.sidebar h4 {
128         font-family: 'Lucida Grande', sans-serif;
129         font-size: 13px;
130         font-weight: bold;
131         color: #333333;
132         margin: 0 0 2px 0;
133         padding: 0;
134      }
135
136      td.sidebar p {
137         font-family: 'Lucida Grande', sans-serif;
138         font-size: 11px;
139         font-weight: normal;
140         color: #505050;
141         margin: 0 0 13px 0;
142         padding: 0;
143      }
144
145      td.sidebar p.buttons {
146         font-family: 'Lucida Grande', sans-serif;
147         font-size: 11px;
148         font-weight: normal;
149         color: #505050;
150         margin: 0 0 4px 0;
151         padding: 0;
152      }
153
154      td.border {
155         border-right: 2px solid #e0e0e0;
156      }
157
158      td.mainbar a {
159         font-family: 'Lucida Grande', sans-serif;
160         font-size: 12px;
161         font-weight: normal;
162         color: ##GET{c_titraille_links};
163         text-decoration: none;
164      }
165
166      td.mainbar h2 {
167         font-family: 'Lucida Grande', sans-serif;
168         font-size: 16px;
169         font-weight: bold;
170         color: ##GET{c_titraille_links};
171         margin: 0 0 4px 0;
172         padding: 0 0 4px 0;
173         border-bottom: 1px solid #cbcbcb;
174      }
175
176      td.mainbar h3 {
177         font-family: Georgia, serif;
178         font-size: 16px;
179         font-weight: normal;
180         color: #333333;
181         margin: 10px 0 14px 0;
182         padding: 0;
183      }
184
185      td.mainbar p {
186         font-family: 'Lucida Grande', sans-serif;
187         font-size: 12px;
188         font-weight: normal;
189         color: #333333;
190         margin: 0 0 16px 0;
191         padding: 0;
192      }
193
194      td.mainbar p.top {
195         font-family: 'Lucida Grande', sans-serif;
196         font-size: 10px;
197         font-weight: bold;
198         color: ##GET{c_titraille_links};
199         margin: 0 0 30px 0;
200         padding: 0;
201      }
202
203      td.mainbar p.top a {
204         font-family: 'Lucida Grande', sans-serif;
205         font-size: 10px;
206         font-weight: bold;
207         color: ##GET{c_titraille_links};
208      }
209
210      td.mainbar ul {
211         font-family: 'Lucida Grande', sans-serif;
212         font-size: 12px;
213         font-weight: normal;
214         color: #333333;
215         margin: 0 0 20px 24px;
216         padding: 0;
217      }
218
219      td.footer {
220         padding: 20px 0 20px 0;
221      }
222
223      td.footer p {
224         font-family: 'Lucida Grande', sans-serif;
225         font-size: 10px;
226         font-weight: normal;
227         color: #151515;
228      }
229   </style>
230
231</head>
232<body>
233
234<table width="100%" border="0" cellspacing="0" cellpadding="0">
235   <tr>
236      <td align="center">
237         
238         <table width="580" border="0" cellspacing="0" cellpadding="0">
239            <tr>
240               <td class="header" align="left" valign="bottom">
241                 <img src="[(#CHEMIN{lettres/header.jpg}|
242                                        image_sepia{#GET{c_header_bk}}|
243                                        image_masque{[(#LST_NAME|
244                                          replace{<sub>.*</sub>,''}|
245                                          replace{<sup>.*</sup>,''}|
246                                          image_typo{police=AndBasR.ttf,largeur=460,couleur=#GET{c_header},taille=32,padding=20}|
247                                          image_recadre{580,110,center left,transparent}|
248                                          image_recadre{580,130,top left,transparent}|
249                                          extraire_attribut{src})],
250                                        mode=normal}|
251                                        image_masque{[(#LOGO_SITE_SPIP_NORMAL|
252                                          image_reduire{0,100}|
253                                          image_recadre{570,105,bottom right,transparent}|
254                                          image_recadre{580,130,top left,transparent}|                                   
255                                          extraire_attribut{src})],
256                                        mode=normal}|
257                                        extraire_attribut{src}|url_absolue)]" alt="[(#LST_NAME|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]" width="580" height="130" />
258               </td>
259            </tr>
260            <tr>
261               <td>
262                  <table width="580" height="130" border="0" cellspacing="16" cellpadding="0" class="content">
263                     <tr>
264                        <td class="mainbar" align="left" valign="top" width="354">
265                           <h3>[(#DATE|affdate)]</h3>
266                                                        <!-- CutHere -->
267                           
268                           <h2>#TITRE</h2>
269                                                        [<div class="soustitre"><span>(#SOUSTITRE)</span></div>]
270                                                        [<div class="chapo">(#CHAPO|sinon{#DESCRIPTIF})</div>]
271                                                        [(#TEXTE|image_reduire{316,0}|liens_absolus)]
272                                                        [<div class="ps">(#PS)</div>]
273                                                        [<div class="notes">(#NOTES)</div>]
274                                                        <!-- /CutHere -->
275                           <p class="top"><a href="#top" title="<:soyezcreateurs:retourtop|attribut_html:>"><:soyezcreateurs:retourtop:></a> <img src="[(#CHEMIN{lettres/top-arrow.gif}|image_sepia{#GET{c_header_bk}}|extraire_attribut{src})]" alt="Back to top" width="8" height="8" /></p>
276                           
277                        </td>
278                        <td class="border" width="2">&nbsp;</td>
279                        <td class="sidebar" align="left" valign="top" width="192">
280                                                        <h3><a href="#URL_SITE_SPIP" title="[(#DESCRIPTIF_SITE_SPIP|attribut_html)]">[(#NOM_SITE_SPIP|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]</a></h3>
281                                                        <h3>#LST_NAME</h3>
282                                                        [(#LST_COMMENT|propre)]
283                                                        [(#INCLURE{fond=noisettes/cartouches/sommaire_cartouche,nombres_alanune=3,nombres_quoideneuf=10}|replace{'h2>','h3>'}|liens_absolus)]
284                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
285                           
286                                                        <BOUCLE_ArticlesDessousBreves(RUBRIQUES){titre_mot = DessousBreves }><B_art_recents>
287                                                        <h3 [title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>#TITRE</h3>
288                                                                <ul>
289                                                                        <BOUCLE_art_recents(ARTICLES) {id_rubrique}{!par date} {lang}>
290                                                                                <li><a href="[(#ARTICLE_URL|url_absolue)]" title="[(#DESCRIPTIF|supprimer_tags|attribut_html)][ ((#INCLURE{fond=noisettes/aff_datepublication}{id_article}|supprimer_tags))]">[(#TITRE)]</a></li>
291                                                                        </BOUCLE_art_recents>
292                                                                </ul>
293                                                                </B_art_recents></BOUCLE_ArticlesDessousBreves>
294                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
295                                                        </B_ArticlesDessousBreves>
296                           
297                                                        <B_DernieresLettres>
298                                                        <h3>Derniers courriers envoy&eacute;s</h3>
299                                                        <ul>
300                                                                <BOUCLE_DernieresLettres(CM_POSTS){pst_date_sent!=0}{!par pst_date_sent}{0,5}>
301                                                                <li><a href="[(#URL_PAGE{liste_mail,pst_id=#PST_ID}|url_absolue)]" title="[(#TITRE|attribut_html)]">#TITRE</a></li>
302                                                                </BOUCLE_DernieresLettres>
303                                                        </ul>
304                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
305                                                        </B_DernieresLettres>
306                                                       
307                           <h3 class="buttons">Transmettre</h3>
308                           <p class="buttons">Vous connaissez quelqu'un qui serait intéressé par cet email ? N'hésitez pas à le lui transmettre.</p>
309                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
310                           
311                           <h3 class="buttons">Désabonnement</h3>
312                           <p class="buttons">Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
313                           
314                        </td>
315                     </tr>
316                  </table>
317               </td>
318            </tr>
319         </table>
320         <table width="646" border="0" cellspacing="0" cellpadding="0">
321            <tr>
322               <td><img src="#CHEMIN{lettres/footer-tail.jpg}" alt="Footer" width="646" height="87" /></td>
323            </tr>
324            [<tr>
325               <td align="center" class="footer">(#CONFIG{soyezcreateurs/bandeau_contact}|propre)</td>
326            </tr>]
327            <tr>
328               <td class="permission" align="center">
329                                        <p>Vous avez re&ccedil;u ce courrier de la part du site&nbsp;:[ (#NOM_SITE_SPIP|supprimer_tags)]</p>
330                                        <p>Si ce courrier ne s'affiche pas, vous pouvez le <a href="#URL_SITE_SPIP/spip.php?page=liste_mail&amp;pst_id=@@ID_LETTRE@@">visualiser sur le site</a>.</p>
331                                        <p>Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
332               </td>
333            </tr>
334         </table>
335      </td>
336   </tr>
337</table>
338
339</body>
340</html>
341</BOUCLE_articles>
342</BOUCLE_Lettre>
Note: See TracBrowser for help on using the repository browser.