01.06.2010, 04:30
Sieht hervorragend aus.
Die meisten Mailprovider filtern im übrigen Bilder NICHT aus, sie blenden diese lediglich aus, weil auch JPEG-Bilder missbraucht werden können zu verschiedenen Zwecken. Allerdings wurden die meisten dieser Sicherheitslöcher mittlerweile gestopft, sodass es eher ein Relikt ist und nur dem schnelleren Ladevorgang dient.
Da man die Mails als HTML realisieren kann, darf man auch Tags verwenden. Sofern man keine CSS-Datei bzw. einen entsprechenden Absatz im <head>-Bereich einbinden darf (ich weiß nicht, ob das geht), kann man aber immer auf das style-Attribut zurückgreifen.
Gepaart mit einem <div>-Element kann man so sehr leicht ein Bild als Hintergrund per CSS-Eigenschaft "background-image: url(...);" festlegen. Das Bild wird dabei nicht versand, sondern online gespeichert und in der HTML-Email verlinkt.
Die Positionierung des Textes kann dann z.B. per "margin" bzw. "padding" von statten gehen, oder aber in einem separaten Gebilde aus DIV- und SPAN-Elementen dargestellt werden.
Ich denke aber, dass man NeKas Vorschlag mit dem Pergament kombinieren sollte - ich mus einfach zugeben, dass das Pergament edel bzw. edler aussieht, NeKas Vorschlag hingegen fröhlicher. Eine Kombination aus beidem wäre meiner Meinung nach das non-plus-ultra
.
Eins noch: ich würde das Bild auftrennen in "Kopfzeile", "Fusszeile" und "Inhalt". Der Inhalt kann nämlich variabel groß sein und müsste daher skaliert werden können. Das ist bei NeKas Vorschlag aber sehr leicht zu realisieren (man verschiebe die Kai etwas weiter runter und erstelle eine 1-Pixel große Zeile, die dann einfach mit background-repeat: repeat-y per CSS so oft "kopiert" wird wie Text da ist).
Da ich derzeit eh sehr viel mit php/html/css um die Ohren habe, werd ich mal schauen, dass ich eine HTML-Seite hinbekomme, die auf NeKas Vorschlag basiert.
Übrigens ein weiterer Vorschlag ist, dass man oben eine Art "Inhaltsverzeichnis" hat (also die wichtigsten Inhalte des Newsletters) und diese mit Ankern versieht - so steigert man den Zugriff aufs Dokument - die Leute finden schneller das, was sie lesen wollen.
A.
EDIT: Hier ein vorläufiges Ergebnis:
http://www.serenity-eye.com/tempupload/index.htm
Man muss übrigens bedenken, dass je mehr CSS man zum stylen verwendet, desto unterschiedlicher könnte es dargestellt werden (je nach Browser bzw. Mailprogramm).
Kommerzielle Spiele nutzen daher bei ihrem Newsletter übrigens eine Kombination aus <table>-Elementen (da diese zu 99% richtig dargestellt werden) mit HTML-eigenen Attributen (ohne CSS) und Bilder (ohne CSS). Dabei ist der Text IN die Bilder eingearbeitet, was eigentlich ein Nachteil ist.
EDIT2: Der Text ist natürlich provisorisch. Es wäre (für mich) nicht schwer ihn zu ändern. Grundsätzlich ist der Text leicht änderbar und dank des CharSets UTF-8 brauch man sich eigentlich auch keine Sorgen um Umlaute machen.
Leider ist es ein wenig aufwendiger ein php-Script zu erstellen, welches die gewünschte Seite Anhand von den eingegebenen Daten produzieren würde.
EDIT3: Man könnte auch statt der nicht ganz so schönen Erweiterung auch einfach einen Scrollbalken einbinden und das Feld auf eine "feste" Größe setzen. Allerdings hindert es a) den Benutzer daran einen schnellen Ausdruck anzufertigen und b) sind doppelte Scrollbalken eigentlich sehr schlechtes Design.
Die meisten Mailprovider filtern im übrigen Bilder NICHT aus, sie blenden diese lediglich aus, weil auch JPEG-Bilder missbraucht werden können zu verschiedenen Zwecken. Allerdings wurden die meisten dieser Sicherheitslöcher mittlerweile gestopft, sodass es eher ein Relikt ist und nur dem schnelleren Ladevorgang dient.
Da man die Mails als HTML realisieren kann, darf man auch Tags verwenden. Sofern man keine CSS-Datei bzw. einen entsprechenden Absatz im <head>-Bereich einbinden darf (ich weiß nicht, ob das geht), kann man aber immer auf das style-Attribut zurückgreifen.
Gepaart mit einem <div>-Element kann man so sehr leicht ein Bild als Hintergrund per CSS-Eigenschaft "background-image: url(...);" festlegen. Das Bild wird dabei nicht versand, sondern online gespeichert und in der HTML-Email verlinkt.
Die Positionierung des Textes kann dann z.B. per "margin" bzw. "padding" von statten gehen, oder aber in einem separaten Gebilde aus DIV- und SPAN-Elementen dargestellt werden.
Ich denke aber, dass man NeKas Vorschlag mit dem Pergament kombinieren sollte - ich mus einfach zugeben, dass das Pergament edel bzw. edler aussieht, NeKas Vorschlag hingegen fröhlicher. Eine Kombination aus beidem wäre meiner Meinung nach das non-plus-ultra
.Eins noch: ich würde das Bild auftrennen in "Kopfzeile", "Fusszeile" und "Inhalt". Der Inhalt kann nämlich variabel groß sein und müsste daher skaliert werden können. Das ist bei NeKas Vorschlag aber sehr leicht zu realisieren (man verschiebe die Kai etwas weiter runter und erstelle eine 1-Pixel große Zeile, die dann einfach mit background-repeat: repeat-y per CSS so oft "kopiert" wird wie Text da ist).
Da ich derzeit eh sehr viel mit php/html/css um die Ohren habe, werd ich mal schauen, dass ich eine HTML-Seite hinbekomme, die auf NeKas Vorschlag basiert.
Übrigens ein weiterer Vorschlag ist, dass man oben eine Art "Inhaltsverzeichnis" hat (also die wichtigsten Inhalte des Newsletters) und diese mit Ankern versieht - so steigert man den Zugriff aufs Dokument - die Leute finden schneller das, was sie lesen wollen.
A.
EDIT: Hier ein vorläufiges Ergebnis:
http://www.serenity-eye.com/tempupload/index.htm
Man muss übrigens bedenken, dass je mehr CSS man zum stylen verwendet, desto unterschiedlicher könnte es dargestellt werden (je nach Browser bzw. Mailprogramm).
Kommerzielle Spiele nutzen daher bei ihrem Newsletter übrigens eine Kombination aus <table>-Elementen (da diese zu 99% richtig dargestellt werden) mit HTML-eigenen Attributen (ohne CSS) und Bilder (ohne CSS). Dabei ist der Text IN die Bilder eingearbeitet, was eigentlich ein Nachteil ist.
EDIT2: Der Text ist natürlich provisorisch. Es wäre (für mich) nicht schwer ihn zu ändern. Grundsätzlich ist der Text leicht änderbar und dank des CharSets UTF-8 brauch man sich eigentlich auch keine Sorgen um Umlaute machen.
Leider ist es ein wenig aufwendiger ein php-Script zu erstellen, welches die gewünschte Seite Anhand von den eingegebenen Daten produzieren würde.
EDIT3: Man könnte auch statt der nicht ganz so schönen Erweiterung auch einfach einen Scrollbalken einbinden und das Feld auf eine "feste" Größe setzen. Allerdings hindert es a) den Benutzer daran einen schnellen Ausdruck anzufertigen und b) sind doppelte Scrollbalken eigentlich sehr schlechtes Design.
Anwesend - ab und an.