Skip to content

Instantly share code, notes, and snippets.

@sendcockpit

sendcockpit/01 Template Quellcode.html

Created May 30, 2012 16:28
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save sendcockpit/2837443 to your computer and use it in GitHub Desktop.
Save sendcockpit/2837443 to your computer and use it in GitHub Desktop.
Download ZIP
Template File
Raw
01 Template Quellcode.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="background: #CDC698; margin: 0; padding: 0;">
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CDC698" style="background: #CDC698;">
<tr>
<td valign="top">
<div style="font: 9px Verdana, Arial; color: #333; margin: 10px 0; text-align: center;"> <a href="§§link_browserview§§" target="_blank" style="font: 9px Verdana, Arial; color: #333;"> <chamtxt>Zur Online-Version dieser E-Mail</chamtxt> </a> - <a href="§§link_unsubscribe§§" target="_blank" style="font: 9px Verdana, Arial; color: #333;"> <chamtxt>Abmelden / Unsubscribe</chamtxt> </a> </div>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="right" valign="top"><img src="§§tpl_img_path§§/pic_header_left.jpg" width="110" height="237"></td>
<td width="680" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="§§tpl_img_path§§/pic_header_top.jpg" width="680" height="63"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55"> </td>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 24px; color: #CB0019;"><chamtxt>Newslettertitel<br>
bitte hier eingeben.</chamtxt></td>
<td width="300" align="right"><img src="§§tpl_img_path§§/pic_header_bottom.jpg" width="294" height="94"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="§§tpl_img_path§§/spec_spacer.gif" width="1" height="15"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55"> </td>
<td><chammodule></td>
<td width="55"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="§§tpl_img_path§§/spec_spacer.gif" width="1" height="25"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="56"><img src="§§tpl_img_path§§/pic_footer_left.jpg" width="56" height="171"></td>
<td valign="top"><table width="512" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="§§tpl_img_path§§/pic_footer_top.jpg" width="512" height="136"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 15px; color: #CB0019;">Impressum</td>
<td width="256" align="right"><img src="§§tpl_img_path§§/pic_footer_bottom.jpg" width="256" height="35"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" valign="top" style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;"><chamtxt>Impressum Platzhalter<br>Max Mustermann<br>Telefon: 0123456789</chamtxt></td>
<td valign="top" style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;"><chamtxt>weitere Angaben<br>Platzhalter</chamtxt></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="§§tpl_img_path§§/spec_spacer.gif" width="1" height="45"></td>
</tr>
</table></td>
<td valign="top"><img src="§§tpl_img_path§§/pic_header_right.jpg" width="110" height="237"></td>
</tr>
</table>
<center>
</center></td>
</tr>
</table>
</body>
</html>
Raw
02 Module Article-With-Image.html
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style=" font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; color: #333; font-size: 13px;"><chamhtml>Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.<br />
<br />
Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod errat demonstrandum.</chamhtml></td>
<td width="169" valign="top" align="right"><chamimg><img width="154" class="cham_img" corner_px="8" /></chamimg></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1">
Raw
03 Module Article-With-Infobox.html
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style=" font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; color: #333; font-size: 13px;"><chamhtml>Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.<br />
<br />
Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod errat demonstrandum.</chamhtml></td>
<td width="169" valign="top" align="right"><table width="154" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="§§tpl_img_path§§/spec_infobox_top.jpg" width="154" height="50" /></td>
</tr>
<tr>
<td bgcolor="#72B43B"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 125%;"><chamtxt>Füllen Sie den Inhalt dieser Box mit eigenem Text.</chamtxt></td>
<td width="10"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="12"><img src="§§tpl_img_path§§/spec_infobox_bottom.gif" width="154" height="12" /></td>
</tr>
</table></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1">
Raw
04 Module Article-Without-Image.html
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style=" font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; color: #333; font-size: 13px;"><chamhtml>Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.<br />
<br />
Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod errat demonstrandum.</chamhtml></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1">
Raw
05 Module Article-Download.html
<img src="§§tpl_img_path§§/spec_ico_download.gif" width="9" height="9" /><span style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 4px; font-size: 13px; color: #CB0019;"><chamtxt>Dateidownload, externe Verlinkung, etc.</chamtxt></span><img src="§§tpl_img_path§§/spec_spacer.gif" height="1" width="15">
Raw
06 Module Editorial-And-TOC.html
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="right"><img src="§§tpl_img_path§§/pic_editorial.jpg" width="212" height="88" /></td>
<td> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" style="background: #F2F0E3; border-top: 1px solid #E0DABA;">
<tr>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; padding: 10px; color: #333; font-size: 13px;"><chamhtml><span style="font-size:18px; font-weight: bold; color: #474323">Überschrift Editorial</span><br />
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.</chamhtml></td>
</tr>
</table></td>
<td width="15"><img src="§§tpl_img_path§§/spec_spacer.gif" height="1" width="15"></td>
<td width="154" valign="top"><table width="100%" border="0" cellspacing="0" style="background: #F2F0E3; border-top: 1px solid #E0DABA;">
<tr>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; padding: 10px; color: #333; font-size: 13px;"><span style="font-size:18px; font-weight: bold; color: #474323"><chamtxt>Inhalt</chamtxt></span><br />
<chammodule></td>
</tr>
</table></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1" />
Raw
07 Module Editorial.html
<table width="100%" border="0" cellspacing="0">
<tr>
<td valign="top" align="center"><img src="§§tpl_img_path§§/pic_editorial.jpg" width="212" height="88" /></td>
</tr>
<tr>
<td style="background: #F2F0E3; border-top: 1px solid #E0DABA; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; padding: 10px; color: #333; font-size: 13px;"><chamhtml><span style="font-size:18px; font-weight: bold; color: #474323">Überschrift Editorial</span><br />
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.</chamhtml></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1">
Raw
08 Module Table-Of-Contents.html
<table width="100%" border="0" cellspacing="0" style="background: #F2F0E3; border-top: 1px solid #E0DABA;">
<tr>
<td style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 130%; padding: 10px; color: #333; font-size: 13px;"><span style="font-size:18px; font-weight: bold; color: #474323"><chamtxt>Inhalt</chamtxt></span><br />
<chammodule></td>
</tr>
</table>
<img src="§§tpl_img_path§§/spec_spacer.gif" height="15" width="1" />
Raw
09 Module TOC-Entry.html
<table width="100%" border="0" cellspacing="0">
<tr>
<td width="10" style="padding: 8px 4px 2px 4px;" valign="top"><img src="§§tpl_img_path§§/spec_bullet.gif" width="11" height="11" /></td>
<td valign="top" style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 4px; font-size: 13px; color: #CB0019;"><chamtxt>Artikelverweis</chamtxt></td>
</tr>
</table>
Raw
10 Module Spacer-Line.html
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="§§tpl_img_path§§/spec_line.gif" width="570" height="25" /></td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment