Changeset 37468 in spip-zone


Ignore:
Timestamp:
Apr 20, 2010, 6:28:31 PM (10 years ago)
Author:
real3t@…
Message:

Gros changement sur le modèle de lettre libre pour CleverMail? :

Location:
_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs
Files:
7 added
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/lettre_libre.html

    r37443 r37468  
    11#CACHE{0}
    2 #SET{f_navigation,(#CONFIG{soyezcreateurs_couleurs/fontsnavigation,'Verdana, Arial, Geneva, sans-serif'})}
    3 #SET{f_content,(#CONFIG{soyezcreateurs_couleurs/fontscontent,'Verdana, Arial, Geneva, sans-serif'})}
    4 
    5 #SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#a1856e})}
    6 #SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
    7 
    8 #SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#ffffff})}
    9         #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#664e3b})}
    10 #SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#ffffff})}
    11         #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#664e3b})}
    12 #SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#013067})}
    13         #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#3fa3d7})}
    14 #SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#013067})}
    15         #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#ffffff})}
    16 #SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#013067})}
    17         #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#a6cbec})}
    18 
    19         #SET{c_link,(#CONFIG{soyezcreateurs_couleurs/link,#5599cd})}
    20 #SET{c_visited,(#CONFIG{soyezcreateurs_couleurs/visited,#66aade})}
    21 #SET{c_hover,(#CONFIG{soyezcreateurs_couleurs/hover,#a1856e})}
    22 #SET{c_active,(#CONFIG{soyezcreateurs_couleurs/active,#402816})}
    23 
    24 #SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#ffffff})}
    25         #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#5599cd})}
    26 #SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
    27         #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#66aade})}
    28 #SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#5599cd})}
    29         #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#ffffff})}
    30 #SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#013067})}
    31         #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#ffffff})}
    32        
    33 #SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#3fa3d7})}
    34 
     2#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,ffffff}|replace{#,''})}
     3        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,664e3b}|replace{#,''})}
    354<BOUCLE_articles(ARTICLES){titre_mot=Courrier_libre}{!par date}{0,1}>
    36 <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
    375<html>
    38         <head>
    39                 <title>[(#TITRE|textebrut)] &mdash; [(#NOM_SITE_SPIP|textebrut)]</title>
    40                
    41 <style type="text/css">
     6<head>
     7   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     8   <title>[(#TITRE|textebrut)] &mdash; [(#NOM_SITE_SPIP|textebrut)]</title>
     9   <style type="text/css" media="screen">
    4210[(#REM) Recuperation des CSS par defaut de SPIP ]
    4311[(#INCLURE{#CHEMIN{spip_style.css}|url_absolue_css}|compacte{css})]
    44 
    45 html, body { padding: 0; margin: 0; font-family: #GET{f_content}; }
    46 body { background-color: #GET{c_body_bk}; color: #[(#GET{c_body}|couleur_inverserluminosite{80})]; font-size: 62.7%; }
    47 #nl_header, #nl_footer {
    48         color: #GET{c_header};
    49         background-color: #GET{c_header_bk};
    50 }
    51 #nl_headercontent {
    52         padding:1em;
    53 }
    54 
    55 div.nl_liensheader {
    56         padding: .15em 1em;
    57         color: #GET{c_container};
    58         background-color: #GET{c_container_bk};
    59 }
    60 
    61 #nl_footer p {
    62         margin: 1em 1em;
    63         padding: .5em 1em;
    64         color: #GET{c_container};
    65         background-color: #GET{c_container_bk};
    66 }
    67 
    68 #nl_container {
    69         width:750px;
    70         color: #GET{c_container};
    71         background-color: #GET{c_container_bk};
    72 }
    73 #nl_navigation {
    74         width:160px;
    75         color: #GET{c_navigation};
    76         background-color: #GET{c_navigation_bk};
    77 }
    78 
    79 #nl_logosite {
    80         background-color: #GET{c_logo_bk};
    81         padding: 1em 0;
    82 }
    83 
    84 #nl_navigation table {
    85         margin: 1em;
    86 }
    87 #nl_navigation h2{
    88        
    89 }
    90 #nl_artrecents {
    91 }
    92 
    93 #artrecents ul, #artrecents li { list-style-image: none; }
    94 #artrecents ul { padding: 0; margin: 0; }
    95 #artrecents li { padding: 0 0; background: transparent; list-style: none; list-style-image: none; }
    96 
    97 #artrecents a {
    98         display: block; padding: 5px 0 5px 20px; margin: 4px 0; background-color: #GET{c_menu_a_bk}; border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-align: left; text-decoration: none;
    99 }
    100 #artrecents a:link, #artrecents a:visited {
    101         color: #GET{c_menu_a};
    102         background-color: #GET{c_menu_a_bk};
    103 }
    104 #artrecents a:hover {
    105         color: #GET{c_menu_a_hover};
    106         background-color: #GET{c_menu_a_hover_bk};
    107 }
    108 #artrecents a:active {
    109         color: #GET{c_menu_a_active};
    110         background-color: #GET{c_menu_a_active_bk};
    111 }
    112 
    113 #artrecents ul.alaune li a {
    114         border: 2px solid #GET{c_vignettes_bk};
    115 }
    116 #artrecents p a {
    117         border: 1px solid #GET{c_vignettes_bk};
    118 }
    119 
    120 
    121 #lettre {
    122         margin: 1em;
    123 }
    124 
    125 a { color: #GET{c_link}; font-weight: bold; text-decoration: none; }
    126 a:visited { color: #GET{c_visited}; }
    127 a:hover { color: #GET{c_hover}; text-decoration: underline; }
    128 a:active { color: #GET{c_active}; }
    129 
    130 [(#CHEMIN{images/lettre_perso.css}|?{'/* Surcharge eventuelle */'})
    131 [(#INCLURE{#CHEMIN{images/lettre_perso.css}|url_absolue_css}|compacte{css})]
    132 ]
    133 
    134 </style>
    135 
    136         </head>
    137         <body>
    138         <center>
    139                 <table  id="nl_container" cellspacing="0" cellpadding="0" width="900px">
    140                         <tr id="nl_header">
    141                                 <td id="nl_headercontent">
    142                                         <div>
    143                                                 <p><:bonjour:>,</p>
    144                                                 <p>Vous avez re&ccedil;u un courrier de la part du site&nbsp;:</p>
    145                                         </div>
    146                                         <h1>[(#NOM_SITE_SPIP)]</h1>
    147                                         <div class="nl_liensheader">
    148                                                 <p>Si ce courrier ne s'affiche pas, vous pouvez le <a href="[(#URL_PAGE{liste_mail}|parametre_url{'pst_id', @@ID_LETTRE@@})]">visualiser sur le site</a>.</p>
    149                                                 <p>Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
    150                                         </div>
    151                                 </td>
    152                                 <td id="nl_navigation" colspan="1" rowspan="2" valign="top" style="height:100%;">
    153                                         <table cellspacing="0"  cellpadding="0" style="height:100%;">
    154                                                 <tr valign="top">
    155                                                         <td id="nl_logo" valign="top" style="height:[(#LOGO_SITE_SPIP_NORMAL|url_absolue|hauteur|sinon{0})]px;">
    156                                         [<div id="nl_logosite"><center><a href="#URL_SITE_SPIP"><img src="(#LOGO_SITE_SPIP_NORMAL|liens_absolus|extraire_attribut{src})"
    157                                         width="[(#LOGO_SITE_SPIP_NORMAL|liens_absolus|largeur)]"
    158                                         height="[(#LOGO_SITE_SPIP_NORMAL|liens_absolus|hauteur)]"
    159                                         alt="<:soyezcreateurs:retouraccueil:> [(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" /></a>
    160                                         </center></div>]
    161                                         <div id="nl_nom_site">
    162                                         <h1>@@NOM_LETTRE@@</h1>
    163                                         <h2>@@SUJET_LETTRE@@</h2>
    164                                         <div>@@DESCRIPTION@@</div>
    165                                         </div>
    166                                                         </td>
    167                                                 </tr>
    168                                                 <B_DernieresLettres>
    169                                                 <tr>
    170                                                         <td valign="top">
    171                                                                 <h2>Derniers courriers envoy&eacute;s</h2>
    172                                                                 <ul>
    173                                                                         <BOUCLE_DernieresLettres(ARTICLES){titre_mot=Courrier_libre}{!par date}{1,10}>
    174                                                                         <li><a href="#URL_ARTICLE">#TITRE</a></li>
    175                                                                         </BOUCLE_DernieresLettres>
    176                                                                 </ul>
    177                                                         </td>
    178                                                 </tr>
    179                                                 </B_DernieresLettres>
    180                                                 [<tr>
    181                                                         <td valign="top">(#INCLURE{fond=noisettes/cartouches/sommaire_cartouche,nombres_alanune=3,nombres_quoideneuf=10})</td>
    182                                                 </tr>]
    183                                         </table>
    184 
    185                                 </td>
    186                                
    187                         </tr>
    188                         <tr id="content">
    189                                 <td>
    190                                         <div id="lettre">
    191                                         <!-- CutHere -->
    192                                                 <div class="cartouche">
    193                                                         [<div class="surtitre"><span>(#SURTITRE)</span></div>]
    194                                                         <div class="titrepage"><h1>[<img class="logo_article" src="(#LOGO_ARTICLE_NORMAL|url_absolue|image_reduire{64,64}|extraire_attribut{src})"
    195                                 width="[(#LOGO_ARTICLE_NORMAL|url_absolue|image_reduire{64,64}|largeur)]"
    196                                 height="[(#LOGO_ARTICLE_NORMAL|url_absolue|image_reduire{64,64}|hauteur)]"
    197                                 alt="<:soyezcreateurs:retouraccueil:> [(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
    198                                                         ][(#TITRE)]</h1></div>
     12      body {
     13         margin: 0;
     14         padding: 0;
     15         background-color: #ffffff;
     16      }
     17
     18      td.permission {
     19         padding: 20px 0 20px 0;
     20      }
     21
     22      td.permission p {
     23         font-family: 'Lucida Grande', sans-serif;
     24         font-size: 10px;
     25         font-weight: normal;
     26         color: #151515;
     27      }
     28
     29      td.permission p a {
     30         font-family: 'Lucida Grande', sans-serif;
     31         font-size: 10px;
     32         font-weight: normal;
     33         color: #a72323;
     34      }
     35
     36      td.header {
     37         background-image: url('#CHEMIN{lettres/header.jpg}');
     38         background-repeat: no-repeat;
     39         background-position: top center;
     40         background-color: ##GET{c_header_bk};
     41         height: 130px;
     42      }
     43
     44      td.header h1 {
     45         font-family: Georgia, serif;
     46         font-size: 30px;
     47         font-weight: normal;
     48         color: #333333;
     49         margin-left: 50px;
     50         margin-bottom: 24px;
     51      }
     52
     53      table.content {
     54         background-color: #f5f5f5;
     55      }
     56
     57      td.sidebar a {
     58         font-family: 'Lucida Grande', sans-serif;
     59         font-size: 11px;
     60         font-weight: normal;
     61         color: #a72323;
     62         text-decoration: none;
     63      }
     64
     65      td.sidebar ul {
     66         margin: 0 0 0 24px;
     67         padding: 0;
     68      }
     69
     70      td.sidebar ul li,
     71      td.sidebar ul li a {
     72         font-family: 'Lucida Grande', sans-serif;
     73         font-size: 12px;
     74         font-weight: normal;
     75         color: #a72323;
     76      }
     77
     78      td.sidebar h3 {
     79         font-family: 'Lucida Grande', sans-serif;
     80         font-size: 16px;
     81         font-weight: bold;
     82         color: #333333;
     83         margin: 10px 0 14px 0;
     84         padding: 0;
     85      }
     86
     87      td.sidebar h3.buttons {
     88         font-family: 'Lucida Grande', sans-serif;
     89         font-size: 16px;
     90         font-weight: bold;
     91         color: #333333;
     92         margin: 0 0 4px 0;
     93         padding: 0;
     94      }
     95
     96      td.sidebar h4 {
     97         font-family: 'Lucida Grande', sans-serif;
     98         font-size: 13px;
     99         font-weight: bold;
     100         color: #333333;
     101         margin: 0 0 2px 0;
     102         padding: 0;
     103      }
     104
     105      td.sidebar p {
     106         font-family: 'Lucida Grande', sans-serif;
     107         font-size: 11px;
     108         font-weight: normal;
     109         color: #505050;
     110         margin: 0 0 13px 0;
     111         padding: 0;
     112      }
     113
     114      td.sidebar p.buttons {
     115         font-family: 'Lucida Grande', sans-serif;
     116         font-size: 11px;
     117         font-weight: normal;
     118         color: #505050;
     119         margin: 0 0 4px 0;
     120         padding: 0;
     121      }
     122
     123      td.border {
     124         border-right: 2px solid #e0e0e0;
     125      }
     126
     127      td.mainbar a {
     128         font-family: 'Lucida Grande', sans-serif;
     129         font-size: 12px;
     130         font-weight: normal;
     131         color: #a72323;
     132         text-decoration: none;
     133      }
     134
     135      td.mainbar h2 {
     136         font-family: 'Lucida Grande', sans-serif;
     137         font-size: 16px;
     138         font-weight: bold;
     139         color: #a72323;
     140         margin: 0 0 4px 0;
     141         padding: 0 0 4px 0;
     142         border-bottom: 1px solid #cbcbcb;
     143      }
     144
     145      td.mainbar h3 {
     146         font-family: Georgia, serif;
     147         font-size: 16px;
     148         font-weight: normal;
     149         color: #333333;
     150         margin: 10px 0 14px 0;
     151         padding: 0;
     152      }
     153
     154      td.mainbar p {
     155         font-family: 'Lucida Grande', sans-serif;
     156         font-size: 12px;
     157         font-weight: normal;
     158         color: #333333;
     159         margin: 0 0 16px 0;
     160         padding: 0;
     161      }
     162
     163      td.mainbar p.top {
     164         font-family: 'Lucida Grande', sans-serif;
     165         font-size: 10px;
     166         font-weight: bold;
     167         color: #a72323;
     168         margin: 0 0 30px 0;
     169         padding: 0;
     170      }
     171
     172      td.mainbar p.top a {
     173         font-family: 'Lucida Grande', sans-serif;
     174         font-size: 10px;
     175         font-weight: bold;
     176         color: #a72323;
     177      }
     178
     179      td.mainbar ul {
     180         font-family: 'Lucida Grande', sans-serif;
     181         font-size: 12px;
     182         font-weight: normal;
     183         color: #333333;
     184         margin: 0 0 20px 24px;
     185         padding: 0;
     186      }
     187
     188      td.footer {
     189         padding: 20px 0 20px 0;
     190      }
     191
     192      td.footer p {
     193         font-family: 'Lucida Grande', sans-serif;
     194         font-size: 10px;
     195         font-weight: normal;
     196         color: #151515;
     197      }
     198   </style>
     199
     200</head>
     201<body>
     202
     203<table width="100%" border="0" cellspacing="0" cellpadding="0">
     204   <tr>
     205      <td align="center">
     206         
     207         <table width="580" border="0" cellspacing="0" cellpadding="0">
     208            <tr>
     209               <td class="header" align="left" valign="bottom">
     210                 <img src="[(#CHEMIN{lettres/header.jpg}|
     211                                        image_sepia{#GET{c_header_bk}}|
     212                                        image_masque{[(#NOM_SITE_SPIP|
     213                                          replace{<sub>.*</sub>,''}|
     214                                          replace{<sup>.*</sup>,''}|
     215                                          image_typo{police=AndBasR.ttf,largeur=580,couleur=#GET{c_header},taille=36,padding=20}|
     216                                          image_recadre{580,130,bottom left,transparent}|                                 
     217                                          extraire_attribut{src})],
     218                                        mode=normal}|
     219                                        extraire_attribut{src})]" alt="[(#NOM_SITE_SPIP|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]" width="580" height="130" />
     220               </td>
     221            </tr>
     222            <tr>
     223               <td>
     224                  <table width="580" height="130" border="0" cellspacing="16" cellpadding="0" class="content">
     225                     <tr>
     226                        <td class="mainbar" align="left" valign="top" width="354">
     227                           <h3>[(#ENV{date}|affdate)]</h3>
     228                           
     229                           <h2>#TITRE</h2>
    199230                                                        [<div class="soustitre"><span>(#SOUSTITRE)</span></div>]
    200                                                         [(#INCLURE{fond=noisettes/aff_datepublication}{id_article}{lang})][(#INCLURE{fond=noisettes/liste_auteurs}{id_article}{lang})]
    201                                                 </div> <!-- Fin .cartouche -->
    202                                                 <div id="letexte">
    203231                                                        [<div class="chapo">(#CHAPO|sinon{#DESCRIPTIF})</div>]
    204                                                         [(#TEXTE|image_reduire{400,0}|liens_absolus)]
     232                                                        [(#TEXTE|image_reduire{316,0}|liens_absolus)]
    205233                                                        [<div class="ps">(#PS)</div>]
    206234                                                        [<div class="notes">(#NOTES)</div>]
    207                                         <!-- /CutHere -->
    208                                                 </div><!-- Fin de #letexte -->
    209                                         </div><!-- Fin de #lettre -->
    210                                 </td>
    211                         </tr>
    212                         <tr id="nl_footer">
    213                                 <td colspan="2" align="center" valign="bottom">
    214                                         <div id="nl_bandeaucontact">
    215                                                 [(#CONFIG{soyezcreateurs/bandeau_contact}|propre)]
    216                                         </div><!-- #nl_bandeaucontact -->
    217                                 </td>
    218                         </tr>
    219                 </table>
    220         </center>
    221         </body>
     235                           <p class="top"><a href="#top"><:soyezcreateurs:retourtop:></a> <img src="#CHEMIN{lettres/top-arrow.gif}" alt="Back to top" width="8" height="8" /></p>
     236                           
     237                        </td>
     238                        <td class="border" width="2">&nbsp;</td>
     239                        <td class="sidebar" align="left" valign="top" width="192">
     240                                                        [(#INCLURE{fond=noisettes/cartouches/sommaire_cartouche,nombres_alanune=3,nombres_quoideneuf=10}|replace{'h2>','h3>'})]
     241                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
     242                           
     243                                                        <B_DernieresLettres>
     244                                                        <h3>Derniers courriers envoy&eacute;s</h3>
     245                                                        <ul>
     246                                                                <BOUCLE_DernieresLettres(ARTICLES){titre_mot=Courrier_libre}{!par date}{1,5}>
     247                                                                <li><a href="#URL_ARTICLE">#TITRE</a></li>
     248                                                                </BOUCLE_DernieresLettres>
     249                                                        </ul>
     250                                                        </B_DernieresLettres>
     251                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
     252                           
     253                           <h3 class="buttons">Transmettre</h3>
     254                           <p class="buttons">Vous connaissez quelqu'un qui serait intéressé par cet email ? N'hésitez pas à le lui transmettre.</p>
     255                           <img src="#CHEMIN{lettres/hr-small.gif}" alt="Small hr" width="192" height="28" />
     256                           
     257                           <h3 class="buttons">Désabonnement</h3>
     258                           <p class="buttons">Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
     259                           
     260                        </td>
     261                     </tr>
     262                  </table>
     263               </td>
     264            </tr>
     265         </table>
     266         <table width="646" border="0" cellspacing="0" cellpadding="0">
     267            <tr>
     268               <td><img src="#CHEMIN{lettres/footer-tail.jpg}" alt="Footer" width="646" height="87" /></td>
     269            </tr>
     270            [<tr>
     271               <td align="center" class="footer">(#CONFIG{soyezcreateurs/bandeau_contact}|propre)</td>
     272            </tr>]
     273            <tr>
     274               <td class="permission" align="center">
     275                                        <p>Vous avez re&ccedil;u un courrier de la part du site&nbsp;:[ (#NOM_SITE_SPIP|supprimer_tags)]</p>
     276                                        <p>Si ce courrier ne s'affiche pas, vous pouvez le <a href="[(#URL_PAGE{liste_mail}|parametre_url{'pst_id', @@ID_LETTRE@@})]">visualiser sur le site</a>.</p>
     277                                        <p>Vous pouvez vous <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">désabonner</a> de cette newsletter.</p>
     278               </td>
     279            </tr>
     280         </table>
     281      </td>
     282   </tr>
     283</table>
     284
     285</body>
    222286</html>
    223287</BOUCLE_articles>
Note: See TracChangeset for help on using the changeset viewer.