daily pastebin goal
58%
SHARE
TWEET

modele de newsletter avec selection edioriale

_dd_ May 22nd, 2018 119 in 210 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <BOUCLE_rem(CONDITION){si #REM}>
  2.     <!-- titre=<multi>[fr]Simple (une colonne, responsive)[en]Simple (one column, responsive)</multi> -->
  3.     </BOUCLE_rem>
  4.     <BOUCLE_newsletter(NEWSLETTERS){id_newsletter}{statut?}{lang_select}>
  5.         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  6.         <html>
  7.         <head>
  8.             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  9.             <title>#TITRE</title>
  10.  
  11.             <!-- Open Graph Protocol -->
  12.             [
  13.             <meta property="og:title" content="(#TITRE|attribut_html)" />]
  14.             <meta property="og:type" content="article" /> [
  15.             <meta property="og:image" content="(#LOGO_NEWSLETTER_NORMAL|sinon{#LOGO_SITE_SPIP}|extraire_attribut{src}|url_absolue)" />] [
  16.             <meta property="og:url" content="(#URL_NEWSLETTER|url_absolue)" />] [
  17.             <meta property="og:description" content="(#INTRODUCTION|supprimer_tags|entites_html)" />] [
  18.             <meta property="og:site_name" content="(#NOM_SITE_SPIP|attribut_html)" />]
  19.  
  20.             <style type="text/css">
  21.                 #outlook a {
  22.                     padding: 0;
  23.                 }
  24.  
  25.                 body {
  26.                     width: 100% !important;
  27.                 }
  28.  
  29.                 body {
  30.                     margin: 0;
  31.                     padding: 0;
  32.                 }
  33.  
  34.                 img {
  35.                     border: none;
  36.                     font-size: 16px;
  37.                     font-weight: bold;
  38.                     height: auto;
  39.                     line-height: 100%;
  40.                     outline: none;
  41.                     text-decoration: none;
  42.                     text-transform: capitalize;
  43.                     -ms-interpolation-mode: bicubic;
  44.                 }
  45.  
  46.                 img#headerImage {
  47.                     font-size: 28px;
  48.                 }
  49.  
  50.                 #backgroundTable {
  51.                     height: 100% !important;
  52.                     margin: 0;
  53.                     padding: 0;
  54.                     width: 100% !important;
  55.                 }
  56.  
  57.                 body,
  58.                 .backgroundTable {
  59.                     background-color: #fff;
  60.                 }
  61.  
  62.                 #templateContainer {
  63.                     border: 1px solid #DDDDDD;
  64.                 }
  65.  
  66.                 h1,
  67.                 .h1,
  68.                 h2,
  69.                 .h2,
  70.                 h3,
  71.                 .h3,
  72.                 h4,
  73.                 .h4 {
  74.                     color: #E15718;
  75.                     display: block;
  76.                     font-family: 'Helvetica Neue', Helvetica, Arial;
  77.                     font-size: 22px;
  78.                     font-weight: bold;
  79.                     line-height: 100%;
  80.                     margin-bottom: 10px;
  81.                     text-align: left;
  82.                 }
  83.  
  84.                 h1,
  85.                 .h1 {
  86.                     font-size: 24px;
  87.                 }
  88.  
  89.                 h2,
  90.                 .h2 {
  91.                     font-size: 22px;
  92.                 }
  93.  
  94.                 h3,
  95.                 .h3 {
  96.                     font-size: 16px;
  97.                 }
  98.  
  99.                 h4,
  100.                 .h4 {
  101.                     font-size: 14px;
  102.                 }
  103.  
  104.                 h5,
  105.                 .h5 {
  106.                     font-size: 18px;
  107.                 }
  108.  
  109.                 h6,
  110.                 .h6 {
  111.                     font-size: 12px;
  112.                 }
  113.  
  114.                 .chapo {
  115.                     border-top: 1px solid #eee;
  116.                     border-bottom: 1px solid #eee;
  117.                     padding: 2em 0;
  118.                 }
  119.  
  120.                 #templatePreheader {
  121.                     background-color: #fff;
  122.                 }
  123.  
  124.                 .preheaderContent div {
  125.                     color: #303030;
  126.                     font-family: 'Helvetica Neue', Helvetica, Arial;
  127.                     font-size: 12px;
  128.                     line-height: 100%;
  129.                     text-align: left;
  130.                 }
  131.  
  132.                 .preheaderContent div a:link,
  133.                 .preheaderContent div a:visited {
  134.                     color: #58b2ca;
  135.                     font-weight: normal;
  136.                     text-decoration: underline;
  137.                 }
  138.  
  139.                 .preheaderContent div img {
  140.                     height: auto;
  141.                     max-width: 600px;
  142.                 }
  143.  
  144.                 #templateHeader {
  145.                     background-color: #FFFFFF;
  146.                     border-bottom: 0;
  147.                 }
  148.  
  149.                 .headerContent {
  150.                     color: #202020;
  151.                     font-family: 'Helvetica Neue', Helvetica, Arial;
  152.                     font-size: 16px;
  153.                     font-weight: bold;
  154.                     line-height: 120%;
  155.                     padding: 0;
  156.                     text-align: center;
  157.                     vertical-align: middle;
  158.                 }
  159.  
  160.                 .headerContent a:link,
  161.                 .headerContent a:visited {
  162.                     color: #58b2ca;
  163.                     font-weight: normal;
  164.                     text-decoration: underline;
  165.                 }
  166.  
  167.                 #headerImage {
  168.                     height: auto;
  169.                     max-width: 600px !important;
  170.                 }
  171.  
  172.                 #templateContainer,
  173.                 .bodyContent {
  174.                     background-color: #FDFDFD;
  175.                 }
  176.  
  177.                 .bodyContent div {
  178.                     color: #303030;
  179.                     font-family: 'lato', Helvetica, Arial;
  180.                     font-size: 16px;
  181.                     line-height: 150%;
  182.                     text-align: left;
  183.                 }
  184.  
  185.                 .bodyContent a,
  186.                 .bodyContent div a:link,
  187.                 .bodyContent div a:visited,
  188.                 .bodyContent div .descriptif a {
  189.                     color: #58b2ca;
  190.                     font-weight: normal;
  191.                     text-decoration: underline;
  192.                 }
  193.  
  194.                 .bodyContent div .spip_documents_center {
  195.                     display: table;
  196.                     clear: both;
  197.                     margin: 1em auto;
  198.                 }
  199.  
  200.                 .bodyContent div .spip_documents_left {
  201.                     margin-right: 15px;
  202.                     margin-bottom: 5px;
  203.                 }
  204.  
  205.                 .bodyContent div .spip_documents_right {
  206.                     margin-left: 15px;
  207.                     margin-bottom: 5px;
  208.                 }
  209.  
  210.                 .bodyContent img {
  211.                     display: inline;
  212.                     margin-bottom: 10px;
  213.                 }
  214.  
  215.                 #templateFooter {
  216.                     background-color: #FDFDFD;
  217.                     border-top: 0;
  218.                 }
  219.  
  220.                 .footerContent div {
  221.                     color: #707070;
  222.                     font-family: 'Helvetica Neue', Helvetica, Arial;
  223.                     font-size: 14px;
  224.                     line-height: 125%;
  225.                     text-align: left;
  226.                 }
  227.  
  228.                 .footerContent div a:link,
  229.                 .footerContent div a:visited {
  230.                     color: #336699;
  231.                     font-weight: normal;
  232.                     text-decoration: underline;
  233.                 }
  234.  
  235.                 .footerContent img {
  236.                     display: inline;
  237.                 }
  238.  
  239.                 #social {
  240.                     background-color: #eee;
  241.                     border: 1px solid #F5F5F5;
  242.                 }
  243.  
  244.                 #social div {
  245.                     text-align: center;
  246.                 }
  247.  
  248.                 #utility {
  249.                     background-color: #FDFDFD;
  250.                     border-top: 1px solid #F5F5F5;
  251.                 }
  252.  
  253.                 #utility div {
  254.                     text-align: center;
  255.                 }
  256.  
  257.                 img.puce {
  258.                     margin-bottom: 0
  259.                 }
  260.  
  261.                 .spip_code,
  262.                 .spip_cadre {
  263.                     color: #606060;
  264.                     font-family: Courier, "Courier New", monospace;
  265.                 }
  266.  
  267.                 textarea.spip_cadre {
  268.                     width: 100%;
  269.                 }
  270.  
  271.                 .coloration_code ol {
  272.                     list-style: none;
  273.                 }
  274.  
  275.                 @media only screen and (max-width: 640px) {
  276.                     html,
  277.                     body {
  278.                         width: 100% !important;
  279.                     }
  280.                     img {
  281.                         max-width: 100% !important;
  282.                     }
  283.                     #templatePreheader {
  284.                         width: 100% !important;
  285.                     }
  286.                     .preheaderContent,
  287.                     .bodyContent,
  288.                     .footerContent {
  289.                         padding: 0 !important;
  290.                     }
  291.                     #templateContainer {
  292.                         width: 100% !important;
  293.                         border: 0 !important;
  294.                     }
  295.                     #templateHeader {
  296.                         width: 100% !important;
  297.                         border: 0 !important;
  298.                     }
  299.                     #templateBody {
  300.                         width: 100% !important;
  301.                     }
  302.                     #templateFooter {
  303.                         width: 100% !important;
  304.                     }
  305.                     #canspamBar {
  306.                         width: auto !important;
  307.                     }
  308.                     .archive_link {
  309.                         max-width: 50%
  310.                     }
  311.                     .padding {
  312.                         padding-left: 0 !important;
  313.                         padding-right: 0 !important;
  314.                     }
  315.                     .text {
  316.                         font-size: 16px !important;
  317.                         color: #101010 !important;
  318.                     }
  319.                     blockquote.spip p {
  320.                         border-left: 5px solid #eee;
  321.                         padding-left: 10px;
  322.                     }
  323.                 }
  324.  
  325.             </style>
  326.         </head>
  327.  
  328.         <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #fff;width: 100% !important;">
  329.             <center>
  330.                 <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="margin: 0;padding: 0;background-color: #fff;height: 100% !important;width: 100% !important;">
  331.                     <tr>
  332.                         <td align="center" valign="top" style="border-collapse: collapse;">
  333.                             <!-- // Begin Template Preheader \\ -->
  334.                             <table border="0" cellpadding="10" cellspacing="0" max-width="600" id="templatePreheader" style="background-color: #fff;">
  335.                                 <tr>
  336.                                     <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
  337.                                         <!-- // Begin Module: Standard Preheader \ -->
  338.                                         <table border="0" cellpadding="10" cellspacing="0" width="100%">
  339.                                             <tr>
  340.                                                 <td valign="top" style="border-collapse: collapse;" class="archive_link">
  341.                                                     <div style="color: #505050;font-family: Arial;font-size: 12px;line-height: 100%;text-align: left;">
  342.                                                         <:newsletter:info_email_not_displaying:>&nbsp;
  343.                                                             <a href="#URL_NEWSLETTER" target="_blank" style="color: #58b2ca;font-weight: normal;text-decoration: underline;">
  344.                                                                 <:newsletter:info_email_voir_en_ligne:>
  345.                                                             </a>.
  346.                                                     </div>
  347.                                                 </td>
  348.                                             </tr>
  349.                                         </table>
  350.                                         <!-- // End Module: Standard Preheader \ -->
  351.                                     </td>
  352.                                 </tr>
  353.                             </table>
  354.                             <!-- // End Template Preheader \\ -->
  355.                             <table border="0" cellpadding="0" cellspacing="0" max-width="600" id="templateContainer" style="border: 1px solid #DDDDDD;background-color: #FFFFFF;">
  356.                                 <tr>
  357.                                     <td align="center" valign="top" style="border-collapse: collapse;">
  358.                                         <!-- // Begin Template Header \\ -->
  359.                                         <table border="0" cellpadding="0" cellspacing="0" max-width="600" id="templateHeader" style="background-color: #FFFFFF;border-bottom: 0;">
  360.                                             <tr>
  361.                                                 <td class="headerContent" style="border-collapse: collapse;color: #777;font-family: Arial;font-size: 14px;font-weight: bold;line-height: 120%;padding: 0;text-align: center;vertical-align: middle;">
  362.                                                     <!-- // Begin Module: Standard Header Image \\ -->
  363.                                                 [(#LOGO_NEWSLETTER|sinon{#LOGO_SITE_SPIP_SURVOL}
  364.                                                   |image_passe_partout{600,250}
  365.                                                   |image_recadre{600,250,center,transparent} |inserer_attribut{alt,
  366.                                                   [(#LOGO_NEWSLETTER_NORMAL|non)#NOM_SITE_SPIP]
  367.                                                   }
  368.                                                   |inserer_attribut{style,'margin: 0;padding: 0;width: 100%;border: 0;height: auto;line-height: 100%;outline: none;font-size:18px;text-decoration: none;'}
  369.                                                    |inserer_attribut{id,headerImage})]
  370.                                                     <!-- // End Module: Standard Header Image \\ -->
  371.                                                 </td>
  372.                                             </tr>
  373.                                         </table>
  374.                                         <!-- // End Template Header \\ -->
  375.                                     </td>
  376.                                 </tr>
  377.                                 <tr>
  378.                                     <td align="center" valign="top" style="border-collapse: collapse;">
  379.                                         <!-- // Begin Template Body \\ -->
  380.                                         <table border="0" cellpadding="0" cellspacing="0" max-width="600" id="templateBody">
  381.                                             <table border="0" cellpadding="0" cellspacing="0" max-width="600" id="templateBody">
  382.                                                 <tr>
  383.                                                     <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FFFFFF;">
  384.  
  385.                                                         <!-- // Begin Module: Standard Content \\ -->
  386.                                                         <table border="0" cellpadding="20" cellspacing="0" width="100%">
  387.                                                             <tr>
  388.                                                                 <td valign="top" style="border-collapse: collapse;">
  389.                                                                     <div style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
  390.                                                                         <h1 class="#EDIT{titre} h1" style="color: #202020;display: block;font-family: Arial;font-size: 28px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: center;">
  391.                                                                             #TITRE</h1>
  392.                                                                         <div class="h6" style="color:#777; text-align:center;">[(#DATE|AFFDATE)]</div>
  393.                                                                     </div>
  394.                                                                 </td>
  395.                                                             </tr>
  396.  
  397.                                                             [
  398.                                                             <tr>
  399.                                                                 <td valign="top" style="border-collapse: collapse;">
  400.                                                                     <div class="chapo" style="color: #505050;font-family: 'lato' Arial; font-size: 18px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding : 2em 0;">
  401.                                                                         (#CHAPO)</div>
  402.                                                                 </td>
  403.                                                             </tr>]
  404.                                                         </table>
  405.                                                         <!-- // End Module: Standard Content \\ -->
  406.                                                     </td>
  407.                                                 </tr>
  408.  
  409.  
  410.                                                 <BOUCLE_actualites(SELECTIONS){identifiant=news}>
  411.                                                     <BOUCLE_selectionarticles(SELECTIONS_CONTENUS){id_selection}{par rang}>
  412.                                                         <tr>
  413.                                                             <td valign="top" class="bodyContent" style="border-collapse: collapse;">
  414.                                                                 <!-- // Begin Module: Standard Content \\ -->
  415.                                                                 <table border="0" cellpadding="20" cellspacing="0" width="100%">
  416.                                                                     <tr style="background: [(#COMPTEUR_BOUCLE|alterner{white, #FAFAFA})];">
  417.                                                                         <td valign="top" style="border-collapse: collapse;  padding-bottom:2em;">
  418.                                                                             <div style="color: #505050;font-family: 'lato', Arial;font-size: 16px;line-height: 150%;text-align: left;">
  419.                                                                                 <div style="text-align: center;">
  420.                                                                                     [<a href="#URL">(#LOGO_SELECTIONS_CONTENU
  421.                                                               |inserer_attribut{alt,'#TITRE'}
  422.                                                               |inserer_attribut{border,'0'}
  423.                                                                |inserer_attribut{style,'margin: 0 auto;margin-bottom: 1em;padding: 0;max-width: 100%;border: 0;height: auto;max-height: 80%;line-height: 100%;outline: none;text-decoration: none;'}
  424.                                                               |inserer_attribut{class,logo})</a>]
  425.                                                                                 </div>
  426.  
  427.                                                                                 <h2 class="h2" style="display: block;">
  428.                                                                                     <a href="#URL" style="color:#F86942; text-decoration:none; line-height: 120%;margin-top: 0;margin-right: 0;margin-bottom: 20px;margin-left: 0;text-align: left;font-size: 22px;">#TITRE</a></h2>
  429.  
  430.                                                                                 <div class="#EDIT{descriptif} descriptif">#DESCRIPTIF</div>
  431.                                                                                 <!-- <span class="lire_en_ligne"><a href="#URL" style="color:#58b2ca">#TITRE</a></span>-->
  432.                                                                             </div>
  433.                                                                         </td>
  434.                                                                     </tr>
  435.                                                                 </table>
  436.                                                                 <!-- // End Module: Standard Content \\ -->
  437.  
  438.                                                             </td>
  439.                                                         </tr>
  440.                                                         </BOUCLE_selectionarticles>
  441.                                                         </BOUCLE_actualites>
  442.  
  443.                                                         <table border="0" cellpadding="20" cellspacing="0" width="100%">
  444.                                                             <tr>
  445.                                                                 <td valign="top" style="border-collapse: collapse;">
  446.                                                                     <div style="color: #505050;font-family: 'lato', Arial;font-size: 16px;line-height: 150%;text-align: left;">
  447.                                                                         [
  448.                                                                         <div class="#EDIT{texte}">(#TEXTE|image_reduire{560,0})</div>]
  449.                                                                     </div>
  450.                                                                 </td>
  451.                                                             </tr>
  452.                                                         </table>
  453.                                             </table>
  454.                                             <!-- // End Template Body \\ -->
  455.                                     </td>
  456.                                 </tr>
  457.                                 <tr>
  458.                                     <td align="center" valign="top" style="border-collapse: collapse;">
  459.                                         <!-- // Begin Template Footer \\ -->
  460.                                         <table border="0" cellpadding="10" cellspacing="0" max-width="600" id="templateFooter" style="background-color: #FFFFFF;border-top: 0;">
  461.                                             <tr>
  462.                                                 <td valign="top" class="footerContent" style="border-collapse: collapse;">
  463.  
  464.                                                     <!-- // Begin Module: Standard Footer \\ -->
  465.                                                     <table border="0" cellpadding="10" cellspacing="0" width="100%">
  466.                                                         <tr>
  467.                                                             <td colspan="2" valign="middle" id="social" style="border-collapse: collapse;background-color: #eee;border: 0;">
  468.                                                                 <div style="color: #707070;font-family: Arial;font-size: 12px;line-height: 140%;text-align: center;">
  469.  
  470.                                                                     [(#REM) Liens sociaux ex :]
  471.                                                                     <a href="https://twitter.com/xx" style="color: #58b2ca;font-weight: normal;text-decoration: underline;">
  472.                                                         Twitter</a> |&nbsp;
  473.  
  474.                                                                     <a href="#URL_AUTEUR{1}" style="color: #58b2ca;font-weight: normal;text-decoration: underline;">
  475.                                                         Contact</a>
  476.  
  477.                                                                 </div>
  478.                                                             </td>
  479.                                                         </tr>
  480.                                                         <tr>
  481.                                                             <td valign="top" width="50%" style="border-collapse: collapse;">
  482.                                                                 <div style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: left;">
  483.                                                                     <em><a href="#URL_SITE_SPIP">#NOM_SITE_SPIP</a> &mdash;[(#ENV{date}|affdate)]</em>
  484.                                                                 </div>
  485.                                                             </td>
  486.                                                             <td valign="top" width="50%" id="logo_site" style="border-collapse: collapse;">
  487.                                                                 <div style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: right;">
  488.                                                                     [(#LOGO_NEWSLETTER_NORMAL|oui) [(#LOGO_SITE_SPIP|image_reduire{190,95} |inserer_attribut{alt,''} |inserer_attribut{border,'0'} |inserer_attribut{style,'margin: 0;padding: 0;max-width: 100%;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;'} )] ]
  489.                                                                 </div>
  490.                                                             </td>
  491.                                                         </tr>
  492.                                                         <tr>
  493.                                                             <td colspan="2" valign="middle" id="utility" style="border-collapse: collapse;background-color: #FFFFFF;border: 0;">
  494.                                                                 <div class="unsubscribe_link" style="color: #707070;font-family: Arial;font-size: 14px;line-height: 125%;text-align: center;">
  495.                                                                     <:newsletter:info_email_reception:> @email@<br /> &nbsp;
  496.                                                                         <a href="@url_unsubscribe@" style="color: #336699;font-weight: normal;text-decoration: underline;">
  497.                                                                             <:newsletter:label_link_unsubscribe:>
  498.                                                                         </a>&nbsp;
  499.                                                                 </div>
  500.                                                             </td>
  501.                                                         </tr>
  502.                                                     </table>
  503.                                                     <!-- // End Module: Standard Footer \\ -->
  504.  
  505.                                                 </td>
  506.                                             </tr>
  507.                                         </table>
  508.                                         <!-- // End Template Footer \\ -->
  509.                                     </td>
  510.                                 </tr>
  511.                                 </table>
  512.                                 <br>
  513.                         </td>
  514.                     </tr>
  515.                     </table>
  516.             </center>
  517.         </body>
  518.  
  519.         </html>
  520.         </BOUCLE_newsletter>
  521.         #FILTRE{newsletters_liens_absolus}
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top