Graphikelemente in Email-Schablone

Dieter Sojak

Hallo,

kann mir einmal jemand sagen, wie ich in einer graphischen (HTML-) Schablone für Serien-Emails neben dem Header und dem Footer auch den Mittelteil (Slider) passend einbaue, damit der Newsletter eine einheitliche Optik hat (siehe Bsp.-Datei eNewsletter-3-comp.jpg unter c:\programme\act\schablone\other templates).

Betrifft ACT! 6.0.3.994

Besten Dank im voraus.

mfg.
Dieter Sojak

Hallo Herr Sojak,

die Seitengrafiken (l1.gif und r1.gif) sind zwei GIF-Grafiken, die eigentlich die Abmaße 92 x 62 (Pixel) haben. Sie werden jedoch durch die Height-Eigenschaften im IMG-Tag auf eine andere Höhe gezogen.

Wenn Sie die Schablonendatei enews.gmt einmal mit dem TXT-Editor (z.B. Notepad) öffnen finden Sie folgende HTML-Zeilen

Code: Alles auswählen

    <TD width=121><IMG style="WIDTH: 92px; HEIGHT: 893px" height=479 alt="" 
      hspace=0 src="
C:\Programme\ACT\Schablone\Other Templates\l1.gif
	" width=92 border=0></TD>

Es werden hier sogar zwei Height-Eigenschaften verwendet (eigentlich unnötig) die vom Style hat höhere Priorität. Setzen Sie bei beiden den gewünschten Wert.
Den gleichen Wert setzen Sie bei der rechten Randgrafik ein. Sie finden den HTML-Code dafür am Ende der Datei:

Code: Alles auswählen

<DIV align=right><IMG style="WIDTH: 66px; HEIGHT: 899px" height=489 alt="" 
      hspace=0 src="
C:\Programme\ACT\Schablone\Other Templates\r1.gif
	" width=66 
  border=0></DIV>

Sie können die Höhe von Bildern auch über den Schablonen-Editor von ACT! mit der Maus ändern. Jedoch ist es schwierig beide Grafiken exact gleich zu bekommen.

Gruß
Robert Schellmann

Herr Sojak schrieb mir per Mail:

Hallo Herr Schellmann,

danke für Ihre Nachricht über das User-Forum. Leider bringt mich Ihre Mitteilung nicht weiter, da es sich ja nicht um einen rechten bzw. linken Frame handelt sondern um eine Hinterlegung. Zum besseren Verständnis habe ich Ihnen mal das „Ziellayout“ nochmals beigelegt. Wie Sie sehen, sind Header und Footer durch den Mittelteil (den Slice_mid) direkt miteiander verbunden, ohne dass sich der Text verschiebt. Wie bekomme ich das hin … ???? Die neuen jpgs für die drei Elemente liegen ebenfalls der Vollständigkeit halber bei.

Mit freundlichen Grüßen

Dieter Sojak

Hallo Herr Sojak,

was Sie meinen, ist in der Schablonendatei: enews2.gmt.

Hier wird die Grafikdatei enews3_slice_mid.gif verwendet. Es ist eine "Kachelgrafik". Sie ist so aufgebaut, dass durch Vervielfältigung in horizontaler und vertikaler Richtung eine große Hintergrundsgrafik entsteht. Um diesen Effekt zu erzielen, wird sie über die Eigenschaft "background" von dem Hauptatbellen-Tag (<TABLE ...>) in die HTML-Seite eingebunden.
Wenn Sie die Datei mit dem TXT-Editor (Notepad) öffnen, können Sie die Quelle für die Grafik an der folgenden Stelle im HTML-Code verändern:

Code: Alles auswählen

<TABLE cellSpacing=0 cellPadding=0 width=600 background=enews3_slice_mid.gif 
border=0>
  <TBODY>
  <TR>

Gruß
Robert Schellmann

Dieter Sojak

Hallo Herr Schellmann,
danke für die Info. Mit dem folgenden Code funktioniert die Sache zwar in der ACT! Textverarbeitung, bei der Übergabe an Outlook wird der Hintergrund aber nicht mitcodiert so dass die Graphik nicht mit angezeigt und übertragen wird:

Code: Alles auswählen

<TABLE style="WIDTH: 626px; HEIGHT: 238px" cellSpacing=0 cellPadding=0 width=626 
background="
C:\Programme\ACT\Schablone\Other Templates\pr_slice.gif
	" 
border=0>
  <TBODY>
  <TR>

Header, Footer und Title werden bei der Übergabe hingegen codiert und fest in die HTML-Mail eingebunden. Hier ist alles in Ordnung.

Woran liegt das ?

Mit freundlichen Grüßen
Dieter Sojak

Hallo Herr Sojak,

anscheinend interpretiert ACT! beim Generieren der Email nur die Image-Tags (<img src=...>). Dann müssen Sie entweder die Grafik auf einen Web-Server hinterlegen und den Link direkt auf diese Grafik eingeben
z.B.:

Code: Alles auswählen

 ... background = "www.meinedomain.de/emailbilder/pr_slice.gif"...

Oder auf die Background-Grafik verzichten und eine Frabe dafür setzen:

Code: Alles auswählen

... bgcolor="#336699" border=0...

Gruß
Robert Schellmann