OCA
/
social
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Fixed blocks width: 560px

pull/47/head
Daniel Gómez-Zurita 9 years ago
parent
ad72af590a
commit
a4b64c8190
8 changed files with 39 additions and 42 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      website_mail_snippet_fixed/__openerp__.py
  2. 5
      website_mail_snippet_fixed/views/snippet_1_col.xml
  3. 19
      website_mail_snippet_fixed/views/snippet_2_cols.xml
  4. 26
      website_mail_snippet_fixed/views/snippet_3_cols.xml
  5. 7
      website_mail_snippet_fixed/views/snippet_hr.xml
  6. 8
      website_mail_snippet_fixed/views/snippet_img_text.xml
  7. 8
      website_mail_snippet_fixed/views/snippet_text_img.xml
  8. 4
      website_mail_snippet_fixed/views/templates.xml

4
website_mail_snippet_fixed/__openerp__.py
View File

@ -2,8 +2,8 @@
# © 2016 Antiun Ingeniería S.L. - Jairo Llopis # © 2016 Antiun Ingeniería S.L. - Jairo Llopis
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). # License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
{ {
"name": "Responsive Layout Snippets for Writing Emails",
"summary": "Well... pseudo-responsive (see description)",
"name": "Extra Layout Snippets for Writing Emails",
"summary": "560px width extra building blocks",
"version": "8.0.1.0.0", "version": "8.0.1.0.0",
"category": "Marketing", "category": "Marketing",
"website": "http://www.antiun.com", "website": "http://www.antiun.com",

5
website_mail_snippet_fixed/views/snippet_1_col.xml
View File

@ -13,10 +13,7 @@
<t t-set="title">Big image + Text + Button (1 column)</t> <t t-set="title">Big image + Text + Button (1 column)</t>
<tbody> <tbody>
<tr> <tr>
<td bgcolor="#ECECEC" height="10"></td>
</tr>
<tr>
<td><a href="#" target="_blank"><img src="http://placehold.it/570x200/333333/ffffff?text=width 570px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 100%; max-width: 570px; min-width:285px;" border="0"/> </a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/560x200/333333/ffffff?text=width 560px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 560px;" border="0"/> </a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0 20px;"> <td style="padding:0 20px;">

19
website_mail_snippet_fixed/views/snippet_2_cols.xml
View File

@ -12,20 +12,17 @@
<t t-set="image" t-value="'snippet_2_cols'"/> <t t-set="image" t-value="'snippet_2_cols'"/>
<t t-set="title">Image + Text + Button (2 columns)</t> <t t-set="title">Image + Text + Button (2 columns)</t>
<tbody> <tbody>
<tr>
<td bgcolor="#ECECEC" height="10"></td>
</tr>
<tr> <tr>
<td style="padding: 0;" valign="top"> <td style="padding: 0;" valign="top">
<!-- LEFT COLUMN --> <!-- LEFT COLUMN -->
<table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px 0 20px 20px;">
<table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
<td style="padding: 20px 10px 20px 20px;">
<table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="bg_color_picker">
<tbody> <tbody>
<tr> <tr>
<td><a href="#" target="_blank"><img src="http://placehold.it/245x200/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 245px;" width="245" border="0"/></a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/250x200/333333/ffffff?text=width 250px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 250px;" width="250" border="0"/></a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0;"> <td style="padding:0;">
@ -68,14 +65,14 @@
</table> </table>
<!-- RIGHT COLUMN --> <!-- RIGHT COLUMN -->
<table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px 0 20px 20px;">
<table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
<td style="padding: 20px 20px 20px 10px;">
<table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="bg_color_picker">
<tbody> <tbody>
<tr> <tr>
<td><a href="#" target="_blank"><img src="http://placehold.it/245x200/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 50% width: 245px;" width="245" border="0"/></a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/250x200/333333/ffffff?text=width 250px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 50% width: 250px;" width="250" border="0"/></a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0;"> <td style="padding:0;">

26
website_mail_snippet_fixed/views/snippet_3_cols.xml
View File

@ -13,19 +13,19 @@
<t t-set="title">Image + Text + Button (3 columns)</t> <t t-set="title">Image + Text + Button (3 columns)</t>
<tbody> <tbody>
<tr> <tr>
<td bgcolor="#ECECEC" height="10"></td>
<td align="left" colspan="3" style="font-size: 11pt; font-family: Arial, sans-serif; font-weight: bold; color: #000; padding: 20px 10px 0 20px;">Title</td>
</tr> </tr>
<tr> <tr>
<td style="padding: 0;" valign="top"> <td style="padding: 0;" valign="top">
<!-- FIRST COLUMN --> <!-- FIRST COLUMN -->
<table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px 0 20px 20px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
<td style="padding: 20px 10px 20px 20px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="bg_color_picker">
<tbody> <tbody>
<tr> <tr>
<td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/160x160/333333/ffffff?text=width 160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:160px;" width="160" border="0"/></a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0;"> <td style="padding:0;">
@ -68,14 +68,14 @@
</table> </table>
<!-- SECOND COLUMN --> <!-- SECOND COLUMN -->
<table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px 0 20px 20px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
<td style="padding: 20px 10px 20px 10px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="bg_color_picker">
<tbody> <tbody>
<tr> <tr>
<td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/160x160/333333/ffffff?text=width 160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:160px;" width="160" border="0"/></a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0;"> <td style="padding:0;">
@ -119,14 +119,14 @@
<!-- THIRD COLUMN --> <!-- THIRD COLUMN -->
<table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px 0 20px 20px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF" width="150">
<td style="padding: 20px 20px 20px 10px;">
<table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="bg_color_picker" width="150">
<tbody> <tbody>
<tr> <tr>
<td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
<td><a href="#" target="_blank"><img src="http://placehold.it/160x160/333333/ffffff?text=width 160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:160px;" width="160" border="0"/></a></td>
</tr> </tr>
<tr> <tr>
<td style="padding:0;"> <td style="padding:0;">

7
website_mail_snippet_fixed/views/snippet_hr.xml
View File

@ -25,13 +25,16 @@
<t t-set="title">Horizontal Separator</t> <t t-set="title">Horizontal Separator</t>
<tbody> <tbody>
<tr> <tr>
<td bgcolor="#ECECEC" height="10"/>
<td style="background-color: #ECECEC;" class="bg_color_picker" height="10"></td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#00B518"
<td style="background-color: #00B518;"
height="5" height="5"
class="bg_color_picker vertical_resizable"/> class="bg_color_picker vertical_resizable"/>
</tr> </tr>
<tr>
<td style="background-color: #ECECEC;" class="bg_color_picker" height="10"></td>
</tr>
</tbody> </tbody>
</t> </t>
</xpath> </xpath>

8
website_mail_snippet_fixed/views/snippet_img_text.xml
View File

@ -13,19 +13,19 @@
<t t-set="title">Left Image, Right Text + Button</t> <t t-set="title">Left Image, Right Text + Button</t>
<tbody> <tbody>
<tr> <tr>
<td bgcolor="#ECECEC" height="10"></td>
<td style="background-color: #ECECEC;" class="bg_color_picker" height="10"></td>
</tr> </tr>
<tr> <tr>
<td style="padding: 0;" valign="top"> <td style="padding: 0;" valign="top">
<!-- LEFT COLUMN --> <!-- LEFT COLUMN -->
<table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px;"> <td style="padding: 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody> <tbody>
<tr> <tr>
<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>
<td align="center" valign="middle"><a href="#" target="_blank"><img src="http://placehold.it/240x150/333333/ffffff?text=width 240px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 100%; width:240px; height:auto;" border="0"/></a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -35,7 +35,7 @@
</table> </table>
<!-- RIGHT COLUMN --> <!-- RIGHT COLUMN -->
<table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
<table style="min-width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px;"> <td style="padding: 20px;">

8
website_mail_snippet_fixed/views/snippet_text_img.xml
View File

@ -13,12 +13,12 @@
<t t-set="title">Left Text and Button, Right Image</t> <t t-set="title">Left Text and Button, Right Image</t>
<tbody> <tbody>
<tr> <tr>
<td bgcolor="#ECECEC" height="10"></td>
<td style="background-color: #ECECEC;" class="bg_color_picker" height="10"></td>
</tr> </tr>
<tr> <tr>
<td style="padding: 0;" valign="top"> <td style="padding: 0;" valign="top">
<!-- LEFT COLUMN --> <!-- LEFT COLUMN -->
<table border="0" cellpadding="0" cellspacing="0" align="left" width="50%">
<table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px;"> <td style="padding: 20px;">
@ -57,14 +57,14 @@
</table> </table>
<!-- RIGHT COLUMN --> <!-- RIGHT COLUMN -->
<table border="0" cellpadding="0" cellspacing="0" align="left" width="50%">
<table style="min-width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding: 20px;"> <td style="padding: 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody> <tbody>
<tr> <tr>
<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;" border="0"/></a></td>
<td align="center" valign="middle"><a href="#" target="_blank"><img src="http://placehold.it/240x150/333333/ffffff?text=width 240px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 100%; width:240px;" border="0"/></a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

4
website_mail_snippet_fixed/views/templates.xml
View File

@ -19,11 +19,11 @@
class="oe_snippet_body" class="oe_snippet_body"
style="padding:0px; width:100%; background-color:#ececec; color:rgb(0,0,0); line-height:20px; font-family:Arial,sans-serif; font-size:9pt"> style="padding:0px; width:100%; background-color:#ececec; color:rgb(0,0,0); line-height:20px; font-family:Arial,sans-serif; font-size:9pt">
<table <table
style="width: 100%; max-width: 570px; border-collapse: collapse; background: inherit; color: inherit; background: #FFFFFF"
style="width: 560px; border-collapse: collapse; background: inherit; color: inherit; background: #FFFFFF"
cellpadding="0" cellpadding="0"
cellspacing="0" cellspacing="0"
align="center" align="center"
bgcolor="#FFFFFF">
class="bg_color_picker">
<t t-raw="0"/> <t t-raw="0"/>
</table> </table>
</div> </div>

Write Preview
Loading…
Cancel
Save