Embedded Images?

Use this forum for questions regarding adoption and functionality of OpenEMM

Moderator: moderator

kevin
Posts: 4
Joined: Fri Oct 06, 2006 3:17 pm

Embedded Images?

Post by kevin »

Is it possible to embed Images instead of linking them back to the server?
maschoff
Site Admin
Posts: 2596
Joined: Thu Aug 03, 2006 10:20 am
Location: Munich, Germany
Contact:

inline HTML

Post by maschoff »

Yes, this is what we call "Offline HTML". You can select this HTML version in via the mailtype field. The picture components tab in the mailing menu shows the available images and let you upload new ones.
OpenEMM Maintainer
kevin
Posts: 4
Joined: Fri Oct 06, 2006 3:17 pm

Post by kevin »

Thanks!
rk
Posts: 14
Joined: Fri Nov 10, 2006 5:43 pm
Location: Munich
Contact:

Post by rk »

Hi all,

using this "Offline HTML" doesn't work for me.


Here's my template:

Code: Select all

<html>
<style type="text/css">
<!--
body { width: 100%;	margin: 0; padding: 0; font: small normal Verdana,Arial,sans-serif;	text-align: center;	background: #fff top repeat-x;	}
#root { width: 632px; margin: 5px auto; margin-bottom: 0; text-align: left; border: 1px solid #c4c4c4; }
#header { border: 0; margin: 0;padding: 0; width: 632px; height: 150px; background: url([agnIMAGE name="header.gif"]) no-repeat; }
#main { border: 0; width: 632px; height: auto; text-align: center; overflow: auto; border-top: 1px solid #c4c4c4; padding-top: 10px; }
#content { border: 0; width: 632px; padding: 5px 0; margin: 0 auto; text-align: left; }
#footer { border: 0; margin: 0; padding: 0; width: 632px; height: 180px; background: url([agnIMAGE name="footer.gif"]) bottom no-repeat; }
h1 {font: 14px Verdana,Arial,sans-serif; font-weight: bold; width: 612px; height:18px; maring: 0; padding: 26px 10px 2px 10px; color: #fff; background: #ff6600;}
h2 {font: 14px Verdana,Arial,sans-serif; font-weight: bold; width: 612px; height:18px; maring: 0; padding: 26px 10px 2px 10px; color: #fff; background: #8d8d8d;}
h3 {font: 14px Verdana,Arial,sans-serif; font-weight: bold; width: 612px; height:18px; maring: 0; padding: 26px 10px 2px 10px; color: #fff; background: #666;}
#content p { margin: 0px 5px 25px 5px; padding: 0; }
//-->
</style>  
<head>
    <title>[agnDYN name="HTML_Title"/]</title>
   </head>
  <body>
    <div id="root">
      <div id="header">
      </div>
      <div id="main">
        <div id="content">
        [agnDYN name="HTML_Body"/]
        </div>
      </div>
      <div id="footer">
      </div>
    </div> 
  </body>
</html>

When using OFFLINE HTML, the images are still linked to the server url.
like http://server:8080/image?ci=1&mi=7&name=header.gif


I'm wondering, some newsletter are using a img tag like this:

<img src=3D"url_to_image">

Does somebody know, what this 3D means?


thanks a lot!
cheers
rk
Posts: 14
Joined: Fri Nov 10, 2006 5:43 pm
Location: Munich
Contact:

Post by rk »

It seems, that CSS doesn't work for offline HTML.

Also by integrating the CSS style in the corresponding HTML tags, the CSS style isn't shown before clicking on "show html content" or similar...


I changed my template to a table layout and integrated the images via <img src...>. Now they're shown in the offline html. But at least, I'd like to use the H1 and P styles.....

Are their any workarounds for realizing this?



cheers
Ronny
maschoff
Site Admin
Posts: 2596
Joined: Thu Aug 03, 2006 10:20 am
Location: Munich, Germany
Contact:

Offline HTML

Post by maschoff »

I just checked Offline HTML format, testing with the OpenEMM newsletter:

1. Check you css styles. Ours are located in the header section and look like this:

Code: Select all

<style type=3D"text/css">
<!--
p, td { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: normal; text-align: left; color: #000000; text-decoration: none; padding: 0px; margin: 0px; }
h1 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; color: #FFFFFF; background-color: #70A0D0; padding: 3px; margin: 10px 0px 5px 0px; }
h2 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; color: #3974AF; margin: 10px 0px 5px 0px; }
p.smallblk { font-size: 11px; line-height: 13px; }
p.smallgry { font-size: 10px; line-height: 11px; color: #999999; padding:  3px; }
hr { background-color: #2A5682; height: 1px; border: 0px; width: 100%; }
-->
</style>
2. Make sure that path and content of images at tab "picture component" are correct.

3. Send Offline HTML newsletter

4. Look at the source code of your newsletter and you will see an image reference like

Code: Select all

<img src=3D"http://www.openemm.org/fileadmin/images/openemm.gif" width=3D="79" height=3D"79" align=3D"right" />
5. but also the image included in special encoding format at the end:

Code: Select all

---==AGNITASOUTER164240059B2900000B==
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.openemm.org/fileadmin/images/openemm.gif

R0lGODlhTwBPAPcAAAAAAAAAMwAAZgAAmQAAzAAA/wAzAAAzMwAzZgAzmQAzzAAz/wBmAABmMwBm
ZgBmmQBmzABm/wCZAACZMwCZZgCZmQCZzACZ/wDMAADMMwDMZgDMmQDMzADM/wD/AAD/MwD/ZgD/
mQD/zAD//zMAADMAMzMAZjMAmTMAzDMA/zMzADMzMzMzZjMzmTMzzDMz/zNmADNmMzNmZjNmmTNm
zDNm/zOZADOZMzOZZjOZmTOZzDOZ/zPMADPMMzPMZjPMmTPMzDPM/zP/ADP/MzP/ZjP/mTP/zDP/
/2YAAGYAM2YAZmYAmWYAzGYA/2YzAGYzM2YzZmYzmWYzzGYz/2ZmAGZmM2ZmZmZmmWZmzGZm/2aZ
AGaZM2aZZmaZmWaZzGaZ/2bMAGbMM2bMZmbMmWbMzGbM/2b/AGb/M2b/Zmb/mWb/zGb//5kAAJkA
M5kAZpkAmZkAzJkA/5kzAJkzM5kzZpkzmZkzzJkz/5lmAJlmM5lmZplmmZlmzJlm/5mZAJmZM5mZ
ZpmZmZmZzJmZ/5nMAJnMM5nMZpnMmZnMzJnM/5n/AJn/M5n/Zpn/mZn/zJn//8wAAMwAM8wAZswA
mcwAzMwA/8wzAMwzM8wzZswzmcwzzMwz/8xmAMxmM8xmZsxmmcxmzMxm/8yZAMyZM8yZZsyZmcyZ
zMyZ/8zMAMzMM8zMZszMmczMzMzM/8z/AMz/M8z/Zsz/mcz/zMz///8AAP8AM/8AZv8Amf8AzP8A
//8zAP8zM/8zZv8zmf8zzP8z//9mAP9mM/9mZv9mmf9mzP9m//+ZAP+ZM/+ZZv+Zmf+ZzP+Z///M
AP/MM//MZv/Mmf/MzP/M////AP//M///Zv//mf//zP///wAAAA0NDRoaGigoKDU1NUNDQ1BQUF1d
XWtra3h4eIaGhpOTk6Ghoa6urru7u8nJydbW1uTk5PHx8f///wAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAANcALAAAAABPAE8A
AAj+AK8JJMcNG4CDCBMqXMiwocOHEA9i4zZOoEBw2LaF28ixo8ePIEOKHEmyIzcA3gZiA2expcuX
MGPKnElTpjgA4q5x21azp8+fQFt203YNW7igSJMqHQfgGoCjSqNKnUmu6dOpWLMOtApVq9ekVZ12
/UrWZ9irZdPWPDtWqTp16dChO0e37jm56dKpU3uNrdu458wJHky4sOC76daR9QtU3Vxy48KBmxxu
XDnDmAejS+eVcU904rxty0Y6m8GE2ryRy4z5HGesnmWqIzd5tV6LjsuB24Zw4mrWhc/tlRo7Jrrh
Nc116w0OuOHXSotnLZcNoTfnhaEjlZ4VHe+D37D+E9YOlHvWdNokjhM/mLxZrnzPndbG/jDyn+ax
tkLkpX8XQfWZg8528JHFX38I9sdKgPf1lF9SrSQooReIBDhgeQVmFeGECQJY3zlBPQjUhhwi6GF9
DdIk4k8lTrhgfRe+J1ZWB7aI4IvsxehghlLZKGGFH2I441Qk+khhgCDix6NSNRqJCCtQRomjYUnK
iJZUghhpowyllcYTgUMGNVppWto4w0LZgLWkT98dVGaLV3Aj55zdpLjWmjO9pc43c3LznyCABgqo
lq1otWJLgdXXZIuFZnWoRYmyx4qWneEpEzoBTuojIpWG+VmmRs7S6ZU9pQOqjZyO2hZN6gRoTpb/
JaaqalCRircogrLOCpSp9Wn6Y1qPIhogrP3lupilM/HKHiIysLACC3z1hexMtWK33EEVqRVsS+pU
Cxx1Epmj7bR5BijOadmUAyy5eXrLWjinrWQncey2W9846R2kjTjuwTTXnZ4qhWl931QnUTfhlONa
XpiSE443ze0YsFsDsxfOUKcllI023YBTzrwwbcvqXAGWA5k441hmjmuKCUmqVnDRheRmLYP5Mllv
xSXXzjvnBbLLq0YbrchC0ztx0eMejXRZRC9tc9BOf9V01EoqTVYrWGed9TVbt9R11xaBXVy3An51
qxeFHtioQLAKpHZLbW/lKTgGA7BNlTXVDBN//q3M4vff1xwoK4luFxs2ghZ5Bg5KrpFD2nHedCM5
wuqUM7nk3uzZTZLkbB64F6K+VGOjxBbeH+mIy41WOhm1VA4ALG2zTcqLi2MOAN+kPE5Oy3Gz1+uc
8YfI8IiszbcXgnCNdn+FR8hphBsmXuA5sHOLTTfXbMONXOasdLs4c12Ise/Afy4I8caDfnzyzH8+
y/rXtC/tkOjg3hLrKbU5EaYAYEOautfohmomwpTggW5voJsFggrVPv74bYHx84L0wjSaKn0DAOTI
Xp3U0bLbZfAarxFgX/wHAAOGziUO/FyqGnhA4QlEfp4xB2m+AY6TpESDLrmdNzjCEhFeA1wGiRQU
oDiVwviFjoWiUuARJai6saCjhtvoxgf3xJKWmMMbWMRincDRldCAiHhgHF7giicQ46VqeI1q1Ptk
NTWqSexmbjRUU4wSx7QwRSfcqGNZvJEmpuREj4ai4zW8AYBujIMciEykIhfJyEY68pGQjCQix+GN
iSBHHPmKiCY3yclNZiMcPwMkVgICADs=

---==AGNITASOUTER164240059B2900000B==--
Hope this helps!
OpenEMM Maintainer
rk
Posts: 14
Joined: Fri Nov 10, 2006 5:43 pm
Location: Munich
Contact:

Post by rk »

Hello,

the problem was, that OpenEMM can't include images or other media files in the newsletter while using CSS as reference to the file.


for example:

Code: Select all

#main { background: url([agnIMAGE name="bg.gif"]); }
won't be included in the offline HTML version.

But if you use something like

Code: Select all

<img src="[agnIMAGE name="bg.gif"]">
The image is included.

Now I'm using a table layout instead of using DIVs (with images integrated by css). The only thing I still don't know how to realize is, to get a custom image for the list-style-image (ULs).


Thank you very much for your help.


cheers
Ronny
linuxdoc
Posts: 1
Joined: Tue Jul 29, 2008 4:00 pm

Offline and OpenEMM 5.5.0

Post by linuxdoc »

I'm am using openemm 5.5.0, and doing offline html just like you write.

The agnIMAGE is correct, but oenemm don't attach the image on email.

What can i do?
Post Reply