Create Drag & Drop element / Create separator element |
Create separator element
Separator elements allow the user to add a separator block in his email message. There are two types of separators: vertical empty separators or image separators. A module appear when the user clicks this element. The user can:
- set the separator's height;
- set the separator's width for separators with an image inside;
- set separator's height for mobile devices;
- set separator's background color.
1 <table class="table_container" cellpadding="0" cellspacing="0">
2 <tbody>
3 <tr>
4 <td>
5 <table cellpadding="0" cellspacing="0">
6 <tbody>
7 <tr>
8 <td valign="middle" align="center" class="spacer spacer_height themeBgColor " width="700" height="10" style="font-size: 1px; mso-line-height-rule:exactly; line-height: 1px;">
9 <img src="your_separator_url.png" width="100%" align="center">
10 </td>
11 </tr>
12 </tbody>
13 </table>
14 </td>
15 </tr>
16 </tbody>
17 </table>
In this example we used the following classes:
Class |
Description |
table_container |
presents the table container of all the element's code (recommended). |
spacer |
determines that the element is a separator element. This class should be used with a separator element and should not be combined with any other master classes (see the list of master classes). |
spacer_height |
if this class is present with a spacer class, the user can change the height of separator. |
themeBgColor |
if set the background color of the separator will be modified by the theme pannel. |
We offer you some templates that you can download. Edit the template's content using your favorite IDE then upload the file in the "Document Library" section of your eFlyerMaker account.
See also: