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

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

Pouvoir faire une bannière complète pour la newsletter : 580 de large

Placer l'image voulue dans squelettes/lettres/header_newsletter.jpg

Remarque : il était déjà possible de personnaliser l'image de fond :
squelettes/lettres/header.jpg
sur laquelle le nom de la lettre et le logo du site sont rajoutés.

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