Member Avatar for dlannetts

Hello, Not sure if I am putting this in the right section or not but I'm sure someone will let me know if I'm not. I have recently made a email template, coded from html, I've done it in a visual editior provided with my email client. As you would expect, it doubles up on a lot of code and does a lot of unnecessary things, what I need is someone who has the time to sit down and clean the code up while leaving the template understandable and relativealy the same. The reason I am not doing this by myself is because email templates tend to frustrate the crap out of me.
I will leave the code below if anyone is interested send me a message, if you want to be paid for it just let me know what you want and I'll decide on it. Just remember an email template is different from a website template, every email client shows the template differently, so somebody who has had something to do with email templates before would be good... Whoever does it will be given access to my email client under a restrive user and will be able to code it up there and send out as many test email as they like till they are happy with it, my client alos allows to check the email in different email clients (gmail, hotmail, etc...)
Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="Fri, 06 Jul 2012 03:07:11 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>

    <style type="text/css">

    </style>
    <!--[if IE]>
    <script src=""></script>
    <![endif]-->
</head>
<body >
<table style="margin: 0px; padding: 0px; width: 100%;" bgcolor="#3B4451">
<tbody>
<tr>
<td>
<table style="font-family: 'Verdana'; border: 1px dashed #e5f7ff; width: 600px;" align="center" bgcolor="ECECEC" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 20px 30px; color: #ffffff;" name="tid" description="mediumBgcolor" align="left" bgcolor="#3B4451" valign="top">
<h1 style="font-family: 'Georgia'; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; font-size: 32px; line-height: 32px; padding: 10px 0px; margin: 0px;"><a href="www.dailyinternetearnings.com" style="color: #e5f7ff;" target="_blank">Daily Internet Earnings</a></h1>
<h1 style="font-family: 'Georgia'; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; font-size: 16px; line-height: 16px; padding: 10px 0px; margin: 0px;"><a href="www.dailyinternetearnings.com" style="color: #e5f7ff;" target="_blank">Where The Internet And Money Come Together</a></h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 0px 30px;">
<table style="font-size: 12px; line-height: 1.3em; font-family: 'Georgia'; color: #000000; width: 536px; height: 340px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0px 20px 0px 0px;" valign="top" width="67%">
<p><br /><span style="font-size: medium;"><span style="font-family: andale mono,times;"></span><span style="font-family: andale mono,times;"></span><span style="font-size: small;"></span></span></p>
<p><span style="color: #000001;"><span style="font-size: medium;"><span style="font-size: small;"></span></span><strong>Hello %%First Name%%,</strong></span></p>
<br />
<p><a target="_blank" title="Daily Internet Earnings" href="">LINK</a></p>
<p><span style="color: #000001;">Article</span></p>
<br />
<p><span style="color: #000001;">Click here to read full article:</span></p>
<p><a target="_blank" title="Daily Internet Earnings" href="">LINK</a></p>
<br />
<p><span style="color: #000001;">From,</span></p>
<p><span style="color: #000001;">David...</span></p>
</td>
<td style="padding: 20px 0px 0px;" valign="top" width="33%">
<table style="border-top: 5px solid #e5f7ff; width: 100%;" name="tid" description="mediumBorderColor" bgcolor="#3B4451" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 10px;"><br />
<p style="font-size: 13px; line-height: 17px; color: #bfd8e5; padding: 5px 0px; margin: 0px; font-family: 'Verdana, Arial, Helvetica, sans-serif';"><a href="http://theme4press.com/?ap_id=dlannetts" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="" alt="" border="0" /></a></p>
<p style="font-size: 13px; line-height: 17px; color: #bfd8e5; padding: 5px 0px; margin: 0px; font-family: 'Verdana, Arial, Helvetica, sans-serif';"><a href="http://www.hosting24.com/" onclick="this.href=''" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="http://www.hosting24.com/images/banners/120x120/1.gif" alt="Web hosting" border="0" height="125" width="125" /></a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style="background: none repeat scroll 0% 0% #151617; padding: 5px 30px; color: #696e72; font-size: 10px; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="100%">
<p style="font-size: 10px; line-height: 1.5em; font-family: 'Georgia'; color: #e5f7ff; text-align: center;"><span style="color: #e5f7ff;"><span style="color: #e5f7ff;"><span style="color: #e5f7ff;">This email was intended for:&nbsp;%%First Name%% %%Last Name%% - %%emailaddress%%</span></span></span><br /> <span style="font-size: 10px; line-height: 1.5em; font-family: 'Georgia'; color: #e5f7ff; text-align: center;"><span style="color: #e5f7ff;"><a href="%%unsubscribelink%%" style="color: #e5f7ff;"><span style="color: #e5f7ff;">To stop receiving these emails please unsubscribe here.</span></a></span> <br /> <span style="color: #e5f7ff;"><font style="font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; color: ##e5f7ff; margin: 0px 0px 10px; line-height: 15px;">NSW, Australia,</font></span> <span style="color: #e5f7ff;"><a target="_blank" title="dailyinternetearnings@gmail.com" href="mailto:dailyinternetearnings@gmail.com" style="color: #e5f7ff;"><span style="color: #e5f7ff;">dailyinternetearnings@gmail.com</span></a></span></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
  • 2 Contributors
  • 1 Reply
  • 205 Views
  • 20 Minutes Discussion Span
  • Latest Post Latest Post by pritaeas

Dani AI

Generated

Practical, low-risk plan to turn the posted template into a lean, reliable email that renders consistently across clients (notes for ; testing suggestion acknowledged from ). The goal is threefold: produce valid, minimal HTML; preserve the mailer’s personalization and unsubscribe tokens; and deliver a plain-text fallback plus clear notes so future edits don’t reintroduce the same bloat.

Cleanup checklist (prioritized)

  • Make a safe working copy and edit in a plain-text editor. Keep the original aside.
  • Fix every href/src so they are valid absolute URLs (no nested tags inside attributes) and preserve mailer tokens exactly as the sending system expects.
  • Strip empty and redundant tags and repeated inline style noise. Consolidate repeated styling choices but keep critical styles inline (many clients ignore <style> blocks).
  • Remove any JavaScript/on* handlers and editor-specific metadata — script won’t run in most clients and can break deliverability.
  • Use a small, predictable set of fonts and fallbacks; avoid external webfonts for body text. Ensure images have alt text, width/height attributes, and display:block to avoid gaps.
  • Keep table layout simple (single container width, minimal nested tables) so clients like Outlook degrade gracefully. Use conditional comments only to target Outlook quirks where necessary.

Testing, handoff, and safety

  • Produce a plain-text version and a short changelog describing replaced tokens and structural changes. Test rendering across major clients and mobile; as noted, use a rendering service plus real-device/manual checks.
  • For handover, supply the cleaned HTML, the plain-text file, and a one-page import/test checklist for the mailer.
  • Do not give full production account credentials; use a staging account or a temporary, restricted login and rotate the password after testing.
Member Avatar for pritaeas

Slightly off-topic, but for testing this stuff is an excellent tool.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.