- Betroffene Version
- WoltLab Suite 3.1
Code
<html>
<head>
<style type="text/css">
* {
font-family: {@$style->getVariable('wcfFontFamilyFallback', true)};
font-size: {$style->getVariable('wcfFontSizeDefault')};
}
html, body, h1, h2, h3 {
padding: 0;
margin: 0;
}
body {
background-color: {$style->getVariable('wcfContentBackground', true)};
color: {$style->getVariable('wcfContentText', true)};
background-image: url('https://lrde.de/media/logo/hintergrund.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
a {
color: {$style->getVariable('wcfContentLink', true)};
text-decoration: none;
}
p, .paragraphMargin {
margin-top: 1em;
margin-bottom: 1em;
}
td {
vertical-align: top;
}
{* see email_paddingHelper.tpl *}
table.paddingHelper.block {
width: 100%;
}
.content {
padding: 40px 40px 60px;
}
.header, .footer {
padding: 20px 40px;
}
.header {
background-color: {$style->getVariable('wcfHeaderBackground', true)};
color: {$style->getVariable('wcfHeaderText', true)};
}
.navigation {
background-color: {$style->getVariable('$wcfNavigationBackground', true)};
color: {$style->getVariable('wcfNavigationText', true)};
}
.footer {
background-color: {$style->getVariable('wcfFooterBackground', true)};
color: {$style->getVariable('wcfFooterText', true)};
}
.footer a {
color: {$style->getVariable('wcfFooterLink', true)};
}
h1 {
font-weight: 300;
line-height: 1.05;
font-size: {$style->getVariable('wcfFontSizeTitle')};
}
h2 {
font-weight: 400;
line-height: 1.28;
color: {$style->getVariable('wcfContentHeadlineText')};
font-size: {$style->getVariable('wcfFontSizeSection')};
}
small {
font-size: {$style->getVariable('wcfFontSizeSmall')};
font-weight: 300;
}
.largeMarginTop {
margin-top: 40px;
}
{* Buttons *}
td.button {
background-color: {$style->getVariable('wcfButtonPrimaryBackground', true)};
border-radius: 2px;
padding: 6px 12px;
}
td.button a {
color: {$style->getVariable('wcfButtonPrimaryText', true)};
}
.box128 {
border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
padding: 20px;
}
.box128 td.boxContent {
padding-left: 20px;
}
.box64 {
border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
padding: 15px;
}
.box64 td.boxContent {
padding-left: 15px;
}
.box48 {
border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
padding: 12px;
}
.box48 td.boxContent {
padding-left: 12px;
}
.box32 {
border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
padding: 10px;
}
.box32 td.boxContent {
padding-left: 10px;
}
.containerHeadline h3 {
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1.28;
font-size: {$style->getVariable('wcfFontSizeHeadline')};
}
.containerHeadline h3 a {
font-size: {$style->getVariable('wcfFontSizeHeadline')};
}
</style>
</head>
<body>
{capture assign='header'}
<p><span align="center"><img src="https://lrde.de/media/logo/banner_r_mail.png"></span></p>
{/capture}
{capture assign='navigation'}
<h1>Lebensretter-Deutschland Mail</h1>
{/capture}
{include file='email_paddingHelper' block=true class='header' content=$header sandbox=true}
{if $beforeContent|isset}{@$beforeContent}{/if}
{include file='email_paddingHelper' block=true class='content' content=$content sandbox=true}
{if $afterContent|isset}{@$afterContent}{/if}
{capture assign='footer'}
{hascontent}
<span style="font-size: 0;">-- </span>
{content}
<p>Dein <a href="https://lrde.de/" target="_blank">Lebensretter-Deutschland</a> Team</p>
<p>Vielen dank, für das lesen</p>
<p>Diese Mail ist <strong>nur</strong> Original, wenn unser Logo drinnen ist. Außerdem nur, wenn du mit deinem Benutzername angesprochen wirst</p>
{@MAIL_SIGNATURE|language|nl2br}
{/content}
{/hascontent}
{/capture}
{include file='email_paddingHelper' block=true class='footer' content=$footer sandbox=true}
<table>{* Do not remove: This table is needed by certain less able email clients to properly support background colors. Don't ask. *}</table>
</body>
</html>
Alles anzeigen
Ich bastel gerade ein wenig am Mail Template. Wie man sieht habe ich Navigation eingefügt, weiß noch nicht ob das so überhaupt geht xD
Meine frage bezieht sich auch eher darauf ob ich in dieser Navigation den User direkt per Account ansprechen kann also {$username} ob das Template das verstehen würde?
Dann brauche ich das nicht immer manuell in die Mail schreiben.
Mein wcfContentBackground auf der Webseite ist Transparent. Allerdings habe ich per CSS
Eingefügt, wie kann ich das bei den Mails auch machen? Sonst steht der Text direkt auf dem Hintergrundbild