Gandalf:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ”>
<html xmlns=“http://www.w3.org/1999/xhtml ”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />
<title>Email Newsletter</title>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”/>
</head>
<body style=“margin: 0; padding: 0;”>
<table border=“0” cellpadding=“0” cellspacing=“0” width=“100%”>
<tr>
<td style=“padding: 10px 0 30px 0;”><table align=“center” border=“0” cellpadding=“0” cellspacing=“0” width=“600” style=“border: 1px solid #cccccc ; border-collapse: collapse;”>
<tr>
<td align=“center” bgcolor=“#70bbd9 ” style=“padding: 30px 0 30px 0; color: #153643 ; font-size: 28px; font-weight: bold; font-family: arial, sans-serif;”> Email
Newsletter </td>
</tr>
<tr>
<td bgcolor=“#ffffff ” style=“padding: 25px 30px 30px 30px;”><table border=“0” cellpadding=“0” cellspacing=“0” width=“100%”>
<tr>
<td style=“color: #153643 ; font-family: arial, sans-serif; font-size: 24px;”><b>Lorem
ipsum dolor sit amet!</b> </td>
</tr>
<tr>
<td style=“padding: 20px 0 30px 0; color: #153643 ; font-family: arial, sans-serif; font-size: 16px; line-height: 20px;”> <p>Lorem
ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis,
sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi
libero ultricies ipsum, in posuere mauris neque at erat. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing
felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum,
nisi libero ultricies ipsum, in posuere mauris neque at erat. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing
felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum,
nisi libero ultricies ipsum, in posuere mauris neque at erat. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing
felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum,
nisi libero ultricies ipsum, in posuere mauris neque at erat. </p>
</td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor=“#ee4c50 ” style=“padding: 20px 30px 20px 30px;”><table border=“0” cellpadding=“0” cellspacing=“0” width=“100%”>
<tr>
<td style=“color: #ffffff ; font-family: arial, sans-serif; font-size: 14px;” width=“75%”><a href=“http://www.domain.eu/ ” style=“color: #ffffff ;”><font color=“#ffffff ”>Love
From Me</font></a>, 2014 </td>
<td align=“right” width=“25%”><table border=“0” cellpadding=“0” cellspacing=“0”>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Thanks a lot! ok I did s ome researching and understand how you are doing all this.
Thanks,
Sebastian Gorham
1 Like
Hey so I am trying to get my email to look like this: https://www.dropbox.com/s/rrrd3arf5m3obkz/Email%20template%20for%20blogs%20(4).jpg?dl=0
Here you can see how the background is gray. But there is white around it so it is not gray all the way. Also bonus points if you can help me put curved edges around like the diagram.
Here is my code: https://www.dropbox.com/s/defltuox6mbv5nf/Finaltemplate.txt?dl=0
And this is what it looks like so far:
https://www.dropbox.com/s/defltuox6mbv5nf/Finaltemplate.txt?dl=0
Thanks a lot for the help!!! I do appreciate it.
Seb
Gandalf
February 15, 2018, 10:18am
24
Wherever did you get that code from?
Oh sorry I didnt realize that this ticket was merged here. @Gandalf do you know how to start here.
I got the code from a website for templates. It was close to what I wanted but i realized that I just was missing the padding. Do you know how to do this?
Thanks
Gandalf
February 15, 2018, 3:49pm
26
I’m afraid not. That looks truly awful code. It looks like it started life as a MS Word document and you would probably need the original document to edit it.
You could try looking for the table cell (between <td>
and </td>
) that contains the element you want padding on and change the cell-spacing
element, although a simpler template like the one you originally showed would be a better place to start.
I fear my braincell would finally disappear for good if I look too closely at that code.
haha ok. I will just stick with the one you suggested. Thanks for the attention to the responses. I do appreciate it.
1 Like
eugene5
February 23, 2018, 12:03pm
28
i learned css, and html via w3schools.org , they have a detailed tutorial on all web programming languages.
if you still cant fix it, you can go ahead and build it on wordpress, which is a better platform and has great support network.
thanks for having great doubt sometimes I learn from the question ask by others
I wasn’t aware that Wordpress had a facility for creating HTML email. Could you give more information about this?
eugene5
February 23, 2018, 1:08pm
31
oops… my bad!! didnt read through the question very well. i thought he was creating a website using html and i didnt really checked on the link.
i found a great article about the best tool to use for html email
https://www.campaignmonitor.com/blog/email-marketing/2014/09/5-top-email-designers-share-the-essential-tools-they-cant-live-without/
system
Closed
May 25, 2018, 8:09pm
32
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.