WebMasterService N3rds@Work

HTML E-Mail Templates

HTML E-Mail Templates

DerN3rd-Docs ▸ HTML E-Mail Templates

Hier findest Du unsere HTML Email Templates welche wir zum Beispiel auch in unseren PSOURCE Plugins verwenden. Fühl Dich frei sie zu verwenden und für Dich anzupassen.

Template „Disco“

<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN“ „https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html style=“background: white;“><head><meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8″><meta name=“viewport“ content=“width=device-width“><title>{EMAIL_TITLE}</title></head><body style=“font-family: Arial, Helvetica, sans-serif; color: #eebb00; font-size: 12px; background-color: #252525;“>
<div class=“body_style“ data-builder=“eebb00″ style=“font-family: Arial, Helvetica, sans-serif; color: #eebb00; font-size: 12px; background-color: #252525;“>
<!–[if gte mso 9]>
<v:background xmlns:v=“urn:schemas-microsoft-com:vml“ fill=“t“>
<v:fill type=“tile“ src=““ color=“#252525″/>
</v:background>
<![endif]–>
<table height=“100%“ width=“100%“ cellpadding=“0″ cellspacing=“0″ border=“0″ style=“width: 100%;“><tr><td class=“holder“ data-builder=“bg“ valign=“top“ align=“left“ background=““ style=“font-family: Arial, Helvetica, sans-serif; padding: 1.5%;“>
<table class=“container“ border=“0″ align=“center“ cellpadding=“0″ cellspacing=“0″ style=“width: 100%; min-width: 100%;“><tr><td valign=“middle“ align=“center“ style=“font-family: Arial, Helvetica, sans-serif;“>
<div class=“width“ style=“width: 100%; max-width: 500px;“>

<table class=“content content_title“ align=“center“ border=“0″ cellspacing=“0″ cellpadding=“0″ style=“width: 100%; min-width: 100%;“><tr><td valign=“middle“ class=“branding_html“ data-builder=“branding_html“ style=“font-family: Arial, Helvetica, sans-serif;“>
<!– By default it is replaced by site description when sending e-mail,
Although you can place any text here –>
{BLOG_DESCRIPTION}
</td>
</tr><tr><td class=“title“ data-builder=“eebb00″ style=“font-family: Arial, Helvetica, sans-serif; color: #eebb00; font-size: 40px; font-weight: bold; line-height: 40px; margin: 0px; padding: 15px 0;“>
<div data-builder=“blog_name“>
<!– {BLOG_NAME} is replaced by site name when sending e-mail,
Although you can place any text here –>
{BLOG_NAME}
</div>
</td>
</tr><tr><td valign=“middle“ class=“header_image“ data-builder=“header_image“ style=“font-family: Arial, Helvetica, sans-serif; text-align: center;“>
<!– {HEADER_IMAGE} can be replaced by a img tag with a complete url as image source, if template do not supports a {HEADER_IMAGE}, it will be removed while sending mail –>
{HEADER_IMAGE}
</td>
</tr></table><table class=“content content_main“ align=“center“ border=“0″ cellspacing=“0″ cellpadding=“0″ style=“width: 100%; min-width: 100%; background-color: #181818; border: 1px solid #303030;“><tr><td class=“from“ style=“font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 25px 25px 10px;“>
<!– {FROM_EMAIL} is replaced by admin e-mail specified in site settings,
{FROM_NAME} is replace if the {FROM_EMAIL} is associated with an account
You can directly replace both the parameters with a specific value
–>
From <span data-builder=“from_name“>{FROM_NAME}</span> (<span data-builder=“from_email“>{FROM_EMAIL}</span>)
</td>
</tr><tr><td class=“email_content“ data-builder=“fff“ style=“font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 5px 25px;“>
<div data-builder=“email_content“>
<!–message is replace by e-mail content while sending out an e-mail–>
{MESSAGE}
</div>
</td>
</tr><tr><td class=“contact_info“ data-builder=“fff“ style=“font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 0 25px 25px 25px;“>
<div data-builder=“contact_info“>
<div style=“padding-top:15px; padding-bottom:1px;“>
<img height=“13″ width=“13″ style=“height: auto; max-width: 95%; vertical-align: middle;“ src=“https://n3rds.work/wp-admin/images/date-button.gif“ alt=“Datum“>
E-mail sent {DATE} @ {TIME}
</div>
<div style=“color:inherit“>
<img height=“12″ width=“12″ style=“height: auto; max-width: 95%; vertical-align: middle;“ src=“https://n3rds.work/wp-admin/images/comment-grey-bubble.png“ alt=“Contact“>
For any requests, please contact <a href=“mailto:%7BADMIN_EMAIL%7D“ style=“color: #fcef00;“>{ADMIN_EMAIL}</a></div>
</div>
</td>
</tr></table><table class=“content content_site-link“ align=“center“ border=“0″ cellspacing=“0″ cellpadding=“0″ style=“width: 100%; min-width: 100%;“><tr><td class=“site-link“ style=“font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 10px; text-align: center;“>
<!– https://n3rds.work/ and {BLOG_NAME} are respectively replaced by site url and site name
specified in settings–>
visit site: <a href=“https://n3rds.work/“ style=“color: #fcef00;“>{BLOG_NAME}.</a>
</td>
</tr></table></div>
</td>
</tr></table></td>
</tr></table></div>
</body></html>

DerN3rd-Docs