source: spip-zone/_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/lettre_info.html @ 61073

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

Un 2e type de lettre d'info permettant de mettre :

  • une citation avec son auteur (sur-titre et sous-titre)
  • un premier cadre (chapo)
  • un 2e cadre (texte)
  • un 3e cadre (PS)

Et dans la colonne de droite, le mois de la lettre, le nom du site, et le descriptif de la lettre.
File size: 10.8 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 {
128                color: ##GET{c_titraille_links};
129          }
130
131      td.sidebar p.buttons {
132         font-family: 'Lucida Grande', sans-serif;
133         font-size: 11px;
134         font-weight: normal;
135         color: #505050;
136         margin: 0 0 4px 0;
137         padding: 0;
138      }
139
140      td.border {
141         border-right: 2px solid #e0e0e0;
142      }
143
144      td.mainbar a {
145         font-family: 'Lucida Grande', sans-serif;
146         font-size: 12px;
147         font-weight: normal;
148         color: ##GET{c_titraille_links};
149         text-decoration: none;
150      }
151
152      td.mainbar h2 {
153         font-family: 'Lucida Grande', sans-serif;
154         font-size: 16px;
155         font-weight: bold;
156         color: ##GET{c_titraille_links};
157         margin: 0 0 4px 0;
158         padding: 0 0 4px 0;
159         border-bottom: 1px solid #cbcbcb;
160      }
161
162      td.mainbar h3 {
163         font-family: 'Lucida Grande', sans-serif;
164         font-size: 14px;
165         font-weight: bold;
166         color: ##GET{c_titraille_links};
167         margin: 10px 0 14px 0;
168         padding: 0;
169                 text-align: left;
170      }
171         
172          div.cadrecontenu { border: 1px solid ##GET{c_titraille_links}; margin-bottom:1em; padding:0.5em 6px; }
173
174      td.mainbar p {
175         font-family: 'Lucida Grande', sans-serif;
176         font-size: 12px;
177         font-weight: normal;
178         color: #333333;
179         margin: 0 0 16px 0;
180         padding: 0;
181      }
182
183      td.mainbar div.citation, td.mainbar div.auteur {
184         font-family: Georgia, serif;;
185         font-size: 14px;
186         font-weight: normal;
187         color: #333333;
188         margin: 0;
189         padding: 0;
190      }
191         
192          td.mainbar div.auteur {
193                font-size: 12px;
194                margin-bottom: 2em;
195                text-align: right;
196          }
197
198      td.mainbar p.top {
199         font-family: 'Lucida Grande', sans-serif;
200         font-size: 10px;
201         font-weight: bold;
202         color: ##GET{c_titraille_links};
203         margin: 0 0 30px 0;
204         padding: 0;
205      }
206
207      td.mainbar p.top a {
208         font-family: 'Lucida Grande', sans-serif;
209         font-size: 10px;
210         font-weight: bold;
211         color: ##GET{c_titraille_links};
212      }
213
214      td.mainbar ul {
215         font-family: 'Lucida Grande', sans-serif;
216         font-size: 12px;
217         font-weight: normal;
218         color: #333333;
219         margin: 0 0 20px 24px;
220         padding: 0;
221      }
222
223      td.footer {
224         padding: 20px 0 20px 0;
225      }
226
227      td.footer p {
228         font-family: 'Lucida Grande', sans-serif;
229         font-size: 10px;
230         font-weight: normal;
231         color: #151515;
232      }
233   </style>
234
235</head>
236<body>
237
238<table width="100%" border="0" cellspacing="0" cellpadding="0">
239   <tr>
240      <td align="center">
241         
242         <table width="580" border="0" cellspacing="0" cellpadding="0">
243            <tr>
244               <td class="header" align="left" valign="bottom">
245                           [(#SET{imgheader,[(#CHEMIN{lettres/header_newsletter.jpg}|sinon{[(#CHEMIN{lettres/header.jpg}|
246                                        image_sepia{#GET{c_header_bk}}|
247                                        image_masque{[(#LST_NAME|
248                                          replace{<sub>.*</sub>,''}|
249                                          replace{<sup>.*</sup>,''}|
250                                          image_typo{police=AndBasR.ttf,largeur=460,couleur=#GET{c_header},taille=32,padding=20}|
251                                          image_recadre{580,110,center left,transparent}|
252                                          image_recadre{580,130,top left,transparent}|
253                                          extraire_attribut{src})],
254                                        mode=normal}|
255                                        image_masque{[(#LOGO_SITE_SPIP_NORMAL|
256                                          image_aplatir{gif,#GET{c_header_bk},128,1}|
257                                          image_reduire{0,100}|
258                                          image_recadre{570,105,bottom right,transparent}|
259                                          image_recadre{580,130,top left,transparent}|                                   
260                                          extraire_attribut{src})],
261                                        mode=normal}|extraire_attribut{src})]})]})]
262                 <img src="[(#GET{imgheader}|url_absolue)]" alt="[(#LST_NAME|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]" width="[(#GET{imgheader}|largeur)]" height="[(#GET{imgheader}|hauteur)]" />
263               </td>
264            </tr>
265            <tr>
266               <td>
267                  <table width="580" border="0" cellspacing="10" cellpadding="0" class="content">
268                     <tr>
269                        <td class="mainbar" align="left" valign="top" width="354">
270                                                        [<div class="citation">(#SURTITRE)</div>]
271                                                        [<div class="auteur">(#SOUSTITRE)</div>]
272                                                        [<div class="chapo cadrecontenu">(#CHAPO|sinon{#DESCRIPTIF}|image_reduire{316,0}|liens_absolus)</div>]
273                                                        [<div class="cadrecontenu">(#TEXTE|image_reduire{316,0}|liens_absolus)</div>]
274                                                        [<div class="ps cadrecontenu">(#PS|image_reduire{316,0}|liens_absolus)</div>]
275                                                        [<div class="notes">(#NOTES)</div>]
276                                                        <!-- /CutHere -->
277                           <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>
278                           
279                        </td>
280                        <td class="border" width="2">&nbsp;</td>
281                        <td class="sidebar" align="left" valign="top" width="192">
282                                                        <p class="date">[(#DATE|affdate_mois_annee|UCFirst)]</p>
283                                                        <h3><a href="#URL_SITE_SPIP" title="[(#DESCRIPTIF_SITE_SPIP|attribut_html)]">[(#NOM_SITE_SPIP|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]</a></h3>
284                                                        [(#SET{imghr,<img src="[(#CHEMIN{lettres/hr-small.gif})]" alt="Small hr" width="192" height="28" />})]
285                                                        [(#LST_COMMENT|propre|replace{"<div class='hrspip'><hr class='spip' /></div>",#GET{imghr}})]
286
287                                                       
288                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
289                           <h3 class="buttons">Transmettre</h3>
290                           <p class="buttons">Vous connaissez quelqu'un qui serait intéressé par cet email ? N'hésitez pas à le lui transmettre.</p>
291                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
292                           
293                           <h3 class="buttons">Désabonnement</h3>
294                           <p class="buttons">Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
295                           
296                        </td>
297                     </tr>
298                  </table>
299               </td>
300            </tr>
301         </table>
302         <table width="646" border="0" cellspacing="0" cellpadding="0">
303            <tr>
304               <td><img src="#CHEMIN{lettres/footer-tail.jpg}" alt="Footer" width="646" height="87" /></td>
305            </tr>
306            [<tr>
307               <td align="center" class="footer">(#CONFIG{soyezcreateurs/bandeau_contact}|propre)</td>
308            </tr>]
309            <tr>
310               <td class="permission" align="center">
311                                        <p>Vous avez re&ccedil;u ce courrier de la part du site&nbsp;:[ (#NOM_SITE_SPIP|supprimer_tags)]</p>
312                                        <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>
313                                        <p>Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
314               </td>
315            </tr>
316         </table>
317      </td>
318   </tr>
319</table>
320
321</body>
322</html>
323</BOUCLE_articles>
324</BOUCLE_Lettre>
Note: See TracBrowser for help on using the repository browser.