Aktives Mitglied
Hallo zusammen,
habe ein Email dersign erstellt, welches ich gerne in mein Mozilla Thunderbird einbinden würde als Vorlage, dass ich Quasi immer wenn ich ne Email versende ich dieses Design habe.
Wie muss ich vorgehen? Was ist zu beachten.
Html Datei mit CSS includiert und Bilddateien habe ich bereits auf meinen Webspace geworfen!?
Wäre super wenn mir jemand weiterhelfen könnte!!!!
Hier noch der Quelltext:
habe ein Email dersign erstellt, welches ich gerne in mein Mozilla Thunderbird einbinden würde als Vorlage, dass ich Quasi immer wenn ich ne Email versende ich dieses Design habe.
Wie muss ich vorgehen? Was ist zu beachten.
Html Datei mit CSS includiert und Bilddateien habe ich bereits auf meinen Webspace geworfen!?
Wäre super wenn mir jemand weiterhelfen könnte!!!!
Hier noch der Quelltext:
<!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">
<style type="text/css">
<!--
body {
margin: 30px auto;
background-color: #646464;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff0033;
text-align: left;
}
a {
color: #0000ff;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #FF0033;
font-weight: bold;
text-decoration: blink;
}
.title {
font-size: 12px;
font-weight: bold;
color: #304F78;
}
.header {
height: 110px;
background-image: url(images/headerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
}
.headerleft {
padding: 15px 0 0 15px;
}
.headerright {
padding: 15px 15px 0 0;
}
.mainbody {
background-image: url(images/mainbodybg.gif);
background-repeat: repeat-y;
background-color: #646464;
padding-top: 15px;
padding-left: 15px;
}
.mainleft {
padding: 0 0 0 20px;
}
.dividervert {
background-image: url(images/divider_vert.gif);
background-repeat: repeat-y;
}
.mainright {
padding: 10px 15px 0 5px;
}
.footer {
height: 43px;
margin: 0;
background-image: url(images/footerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
color: #ffffff;
}
.footerleft {
padding: 8px 0 0 35px;
font size: 9px;
}
//-->
</style>
<head>
<title>Maro Media IT - Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div align="center">
<table width="755" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="header" valign="top">
<!-- HEADER -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="headerleft" valign="top"><img src="http://www.psd-tutorials.de/modules/Forum/images/headerlogo.gif" width="353" height="95" /></td>
</tr>
</table></td>
</tr>
<tr>
<td class="mainbody" valign="top">
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" class="mainleft" >
<p><span class="title">Maro Media IT-Services<br>
Max Mustermann
Musterstraße
Musterdorf
<a href="mailto:maro-media@gmx.de">maro-media@gmx.de</a></span><br />
</td>
<td width="15" class="dividervert"></td>
<td valign="top" class="mainright">
Hier steht der Text
</td>
</tr>
</table><br />
</td>
</tr>
<tr>
<td class="footer" valign="top">
<!-- FOOTER SECTION-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footerleft" valign="top">Copyright 2008. © <a href="www.maro-media.de">Maro Media IT-Services.</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Zuletzt bearbeitet: