Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sample CiviMail HTML Header
<body style="margin:0;padding:0;">
<!-- top bar -->
<table style="width:100%;background:#222;">
<tbody>
<tr>
<td>
<table style="width:600px;height:26px;margin:0 auto;">
<tbody>
<tr style="font-size:10px;font-family:Arial,sans-serif;text-transform:uppercase;">
<td><strong>News from ORG_NAME</strong></td>
<td style="text-align:right;">Email not displaying correctly? <a href="{mailing.viewUrl}" style="color:white;">Click here</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- header -->
<table style="width:100%;background-color:#000;">
<tbody>
<tr>
<td>
<table style="width:600px;margin:0 auto;">
<tbody>
<tr>
<td style="color:#FFF;font-size:20px;font-family:Verdana,sans-serif;" colspan="2">
<img src="http://YOURDOMAIN.COM/images/logo.png" alt="ADD ALT TEXT HERE">
</td>
</tr>
<tr style="color:#CCC;font-size:10px;font-family:Arial,sans-serif;text-transform:uppercase;">
<td>
<a href="https://www.facebook.com/ORG_FB_PAGE" target="_blank" style="color:#FC0;" title="share on Facebook"><img src="/wp-content/uploads/FACEBOOK-icon.png" alt="Facebook"></a>
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%2FCIVICRM_DOMAIN_URL%2Fcivicrm%2Fmailing%2Fview%3Freset%3D1%26id%3D{mailing.id}&via=TWITTER_NAME&text=Latest%20news%20from%20around%20ORG&hashtags=TAGS&related=TWITTER_NAME" target="_blank" style="color:#FC0;" title="share via Twitter"><img src="/wp-content/uploads/TWITTER-icon.png" alt="Twitter"></a>
<a href="https://plus.google.com/share?url=http%3A%2F%2FCIVICRM_DOMAIN_URL%2Fcivicrm%2Fmailing%2Fview%3Freset%3D1%26id%3D{mailing.id}" target="_blank" style="color:#FC0;" title="share on Google+"><img src="/wp-content/uploads/GPLUS-icon.png" alt="Google+"/></a>
<a href="{action.forward}" target="_blank" class="social-email" title="share via Email"><img src="/wp-content/uploads/EMAIL-icon.png" alt="Email"></a>
</td>
<td style="text-align:right;">Get this from a friend? <a href="HTTP:YOURDOMAIN.ORG/newsletter" style="color:#CCC;">Subscribe</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- body -->
<table style="width:100%;background-color:#222;border-top:1px solid #333;">
<tbody>
<tr>
<td>
<table style="width:600px;margin:0 auto;background-color:#FFF;">
<tbody style="width:100%;">
<tr>
<td style="font-family: Arial,sans-serif; padding: 10px; color: rgb(51, 51, 51); line-height: 1.3; font-size: 90%;">
<!-- START CONTENT -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.