source: spip-zone/_plugins_/spip-listes/spip-listes_1_9_3/patrons/monobloc.html @ 48050

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

Un petit patron pour illustrer l'insertion d'une image (ici, le logo de l'article) dans la corps du message (DATA URL sheme)

  • Property svn:eol-style set to native
  • Property svn:keywords set to LastChangedRevision LastChangedDate LastChangedBy
File size: 3.5 KB
Line 
1[<!-- (#REM)
2*
3* Squelette pour spip-listes
4*
5* CP-20110523
6
7Exemple pour envoyer un article précis. Ici, id_article 38
8Accompagné d'une image (le logo de l'article, ou de la rubrique)
9en incrustation HTML.
10
11Voir http://en.wikipedia.org/wiki/Data_URI_scheme
12sur DATA URL sheme
13
14
15// $LastChangedRevision: 48050 $
16// $LastChangedBy: paladin@quesaco.org $
17// $LastChangedDate: 2011-05-23 20:18:56 +0000 (Mon, 23 May 2011) $
18
19Precautions:
20- ne pas envoyer des gabarits de plus de 10Ko
21- ne pas placer de balises html <html><body> ni de fermeture </body></html>
22    ils seront ajoutes automatiquement a l'envoi du mail
23- mettre les style  CSS directement dans les balises pour etre sur qu'ils
24    seront interpretes (meme par les webmails).
25
26Pour la composition d'un mail au format HTML, consulter :
27- http://www.email-standards.org/
28
29-->]
30<BOUCLE_article(ARTICLES){id_article=38}{0,1}>
31<center style="text-align:center;
32        background-color:#B90101;
33        padding:10px;
34        width:100%">
35    <table cellpadding="0"
36           cellspacing="0"
37           border="0"
38           width="90%"
39           style="margin:0 auto;
40                font-family: Arial, Helvetica, sans-serif;
41                background-color: #FFFFFF;
42                border-spacing:0;
43                border:0;">
44        <tr>
45            <td style="padding:20px 40px 0;">
46                <h1 style="background: #0033FF;
47                        color: #FFFFFF;
48                        font-weight: 700;
49                        padding: 4pt 8pt;
50                        margin:0;
51                        vertical-align: middle;
52                        font-size: 16pt;
53                        text-align: left;">
54                    #TITRE
55                </h1>
56            </td>
57        </tr>
58        [<tr>
59            <td style="padding:0 40px;
60                    font-size:90%;
61                    line-height:1.5em;
62                    height:1em;">(#DATE_MODIF|affdate)
63            </td>
64        </tr>]
65        <tr>
66            <td style="padding: 15pt;"
67                valign="top">
68                <table cellpadding="0"
69                        cellspacing="8"
70                        border="0"
71                        width="100%">
72                    <tr>
73                        <td valign="top"
74                            width="100"
75                            style="padding:8px;
76                                width:100px;
77                                height:100px;">
78                            [<img src="data:image/png;base64,
79                            (#LOGO_ARTICLE_RUBRIQUE||image_reduire{100,100}
80                                |extraire_attribut{src}
81                                |file_get_contents
82                                |base64_encode
83                                |chunk_split)"
84                                width="100"
85                                height="100"
86                                alt=""
87                                border="0"
88                                style="width:100px; height:100px; border:0"
89                                />]
90                        </td>
91                        <td style="font-size: 12pt;
92                                line-height:1.4em;"
93                            valign="top"
94                            align="left">
95                            #TEXTE
96                        </td>
97                    </tr>
98                    [<tr>
99                        <td></td>
100                        <td>
101                        (#NOTES)
102                    </td>
103                    </tr>]
104                </table>
105            </td>
106        </tr>
107    </table>
108</center>
109</BOUCLE_article>
Note: See TracBrowser for help on using the repository browser.