You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
5.2 KiB

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- © 2016 Antiun Ingeniería S.L. - Jairo Llopis
  3. License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). -->
  4. <openerp>
  5. <data>
  6. <template id="snippet_img_text"
  7. inherit_id="website_mail.email_designer_snippets">
  8. <xpath expr="//div[@id='snippet_email_structure']">
  9. <t t-call="website_mail_snippet_responsive.snippet">
  10. <t t-set="image" t-value="'snippet_img_text'"/>
  11. <t t-set="title">Left Image, Right Text + Button</t>
  12. <tbody>
  13. <tr>
  14. <td style="padding: 0;" valign="top">
  15. <!-- LEFT COLUMN -->
  16. <table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
  17. <tbody>
  18. <tr>
  19. <td style="padding: 20px;">
  20. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  21. <tbody>
  22. <tr>
  23. <td align="center" valign="middle"><a href="#" target="_blank"><img src="http://placehold.it/245x150/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 100%; min-width:245px; max-width: none; height:auto;" border="0"/></a></td>
  24. </tr>
  25. </tbody>
  26. </table>
  27. </td>
  28. </tr>
  29. </tbody>
  30. </table>
  31. <!-- RIGHT COLUMN -->
  32. <table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
  33. <tbody>
  34. <tr>
  35. <td style="padding: 20px;">
  36. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  37. <tbody>
  38. <tr>
  39. <td style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" align="left">News Item</td>
  40. </tr>
  41. <tr>
  42. <td style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #000000; font-size: 9pt; line-height: 20px;" align="left">Integer ut tempor lectus. Vivamus at gravida arcu.</td>
  43. </tr>
  44. <tr>
  45. <td align="left">
  46. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  47. <tbody>
  48. <tr>
  49. <td style="padding: 25px 0 0 0;" align="left">
  50. <table border="0" cellpadding="0" cellspacing="0">
  51. <tbody>
  52. <tr>
  53. <td align="center"><a href="#" t-attf-style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #{website.mail_button_color}; border-top: 10px solid #{website.mail_button_color}; border-bottom: 10px solid #{website.mail_button_color}; border-left: 20px solid #{website.mail_button_color}; border-right: 20px solid #{website.mail_button_color}; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" target="_blank" class="bg_color_picker">Learn more</a></td>
  54. </tr>
  55. </tbody>
  56. </table>
  57. </td>
  58. </tr>
  59. </tbody>
  60. </table>
  61. </td>
  62. </tr>
  63. </tbody>
  64. </table>
  65. </td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. </td>
  70. </tr>
  71. </tbody>
  72. </t>
  73. </xpath>
  74. </template>
  75. </data>
  76. </openerp>