Index > Templates und CSS > Eigenes Stylesheet in Newsletter einbinden.
Hallo TL-Freunde,
versuche schon seit Stunden verzweifelt mein css-Stylesheet in den Newsletter einzubinden. Habe weder etwas passendes in der Dokumentation, im Wiki noch im Forum gefunden.
Vielleicht ist es auch nur ein Denkfehler, und es kann mir jemand meinem mittlerweile weichen Hirn etwas auf die Sprünge helfen.
Habe ein HTML-Template für meinen Newsletter geschrieben. Diesen dann mit Copy-Paste in den Newsletter per HTML einkopiert. Nun passiert folgendes:
das Tag <link> wird einfach vom Editor (Tiny?) gelöscht.
Dachte, es hätte etwas mit den Einstellungen zu tun. Dort kann man ja die erlaubten Tags angeben. Der Tag <link> ist aber standardmäßig eingetragen und seine Verwendung erlaubt.
Der Link sieht so aus:
Woran kann es also liegen? Kann mir jemand von Euch helfen? :/
Grüße aus RLP
BobFreddy
versuche schon seit Stunden verzweifelt mein css-Stylesheet in den Newsletter einzubinden. Habe weder etwas passendes in der Dokumentation, im Wiki noch im Forum gefunden.
Vielleicht ist es auch nur ein Denkfehler, und es kann mir jemand meinem mittlerweile weichen Hirn etwas auf die Sprünge helfen.
Habe ein HTML-Template für meinen Newsletter geschrieben. Diesen dann mit Copy-Paste in den Newsletter per HTML einkopiert. Nun passiert folgendes:
das Tag <link> wird einfach vom Editor (Tiny?) gelöscht.
Dachte, es hätte etwas mit den Einstellungen zu tun. Dort kann man ja die erlaubten Tags angeben. Der Tag <link> ist aber standardmäßig eingetragen und seine Verwendung erlaubt.
Der Link sieht so aus:
Code:
<link href="http://www.meineseitet.de/cms/tl_files/copycolor/css/zentrale.css" rel="stylesheet" type="text/css" media="all" />
Woran kann es also liegen? Kann mir jemand von Euch helfen? :/
Grüße aus RLP
BobFreddy
2008-02-23 23:01
Hallo BobFreddy,
das "link" Tag ist standardmäßig nicht in TinyMCE verfügbar, weil es Teil des HEADs einer Seite und nicht des BODYs ist. Ich bezweifle außerdem stark, dass Outlook und Co. in der Lage sind, das Stylesheet korrekt zu parsen und darzustellen. Hier sind Inline-Styles die sicherere Variante.
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements
Grüße
Leo
das "link" Tag ist standardmäßig nicht in TinyMCE verfügbar, weil es Teil des HEADs einer Seite und nicht des BODYs ist. Ich bezweifle außerdem stark, dass Outlook und Co. in der Lage sind, das Stylesheet korrekt zu parsen und darzustellen. Hier sind Inline-Styles die sicherere Variante.
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements
Grüße
Leo
2008-02-24 10:39
Hallo Leo,
danke für die Antwort. Hatte mir soetwas schon gedacht.
Habe nun mit ein paar Inline-Styles herumexperimentiert (sowohl mit reinem css als auch mit Tabellen). Im Backend von Typolight sieht der Newsletter 1A aus!
Wenn ich Ihn aber verschickt habe, (und im Thunderbird öffne) dann erhalte ich nur den reinen Text und die Bilddateien werden unten als Anhang dargestellt? Dachte es läge am Mailprogramm, aber andere Newsletter kommen auch als HTML korrekt an.
Hier nochmal meine beiden Versuchsdateien:
1. eimal mit CSS
und einmal mit reiner Tabelle:
Ich stehe wirklich vor einem Rätsel? Wie macht Ihr Profis das? Gibt es vielleicht irgendwo einen Beispielnewsletter oder die Möglichkeit gleich einen Artikel als Newsletter zu versenden? (Ich kenne das vom CMS Namens redaxo)
Kann mir jemand einen Tip geben?
schöne Grüße Robert
danke für die Antwort. Hatte mir soetwas schon gedacht.
Habe nun mit ein paar Inline-Styles herumexperimentiert (sowohl mit reinem css als auch mit Tabellen). Im Backend von Typolight sieht der Newsletter 1A aus!
Wenn ich Ihn aber verschickt habe, (und im Thunderbird öffne) dann erhalte ich nur den reinen Text und die Bilddateien werden unten als Anhang dargestellt? Dachte es läge am Mailprogramm, aber andere Newsletter kommen auch als HTML korrekt an.
Hier nochmal meine beiden Versuchsdateien:
1. eimal mit CSS
<!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"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body style="background-color:#000000;"> <div style="position:absolute; left:0px; top:0px; width:454px; height:749px;"> <div style="position:absolute; left:0px; top:0px; width:454px; height:1px;"> <img id="id1_1" src="newsletter/1-1.gif" width="454" height="1" alt="" /> </div> <div style="position:absolute; left:0px; top:1px; width:190px; height:460px;"> </div> <div style="position:absolute; left:190px; top:1px; width:264px; height:460px; background-image: url(newsletter/3-3.gif); layer-background-image: url(newsletter/3-3.gif); border: 1px none #000000;"> Das ist der Beispiel Newsletter</div> <div style="position:absolute; left:0px; top:461px; width:454px; height:288px; background-image: url(newsletter/4-4.gif); layer-background-image: url(newsletter/4-4.gif); border: 1px none #000000;"> </div> </div> </body> </html>
und einmal mit reiner Tabelle:
<!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"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#000000"> <table id="Tabelle_01" width="454" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <img id="id1_1" src="newsletter/1-1.gif" width="454" height="1" alt="" /></td> </tr> <tr> <td width="190" height="460" align="left" valign="top" background="http://www.meinepage.de/cms/tl_files/copycolor/newsletter/2-2.gif"> </td> <td background="http://www.meinepage.de/cms/tl_files/copycolor/newsletter/3-3.gif" width="264" height="460"> </td> </tr> <tr bgcolor="#FF9900" background="http://www.meinepage.de/cms/tl_files/copycolor/newsletter/4-4.gif"> <td width="454" height="288" colspan="2" valign="top"> </td> </tr> </table> </body> </html>
Ich stehe wirklich vor einem Rätsel? Wie macht Ihr Profis das? Gibt es vielleicht irgendwo einen Beispielnewsletter oder die Möglichkeit gleich einen Artikel als Newsletter zu versenden? (Ich kenne das vom CMS Namens redaxo)
Kann mir jemand einen Tip geben?
schöne Grüße Robert
Zuletzt bearbeitet von BobFreddy, 2008-02-25 19:49
2008-02-25 19:42
Hi Robert,
ich verstehe zwar nicht genau was du willst, aber ich glaube du denkst viel zu kompliziert.
Ich würde deinen Code der innerhalb von <body> ist in den Editor schmeißen und hoffen
das TL den Rest richtig macht.
Zitat Leo:
das "link" Tag ist standardmäßig nicht in TinyMCE verfügbar, weil es Teil des HEADs einer Seite und nicht des BODYs ist
Das heist für mich, was du einfügst ist BODY.
LG, Peter
ich verstehe zwar nicht genau was du willst, aber ich glaube du denkst viel zu kompliziert.
Ich würde deinen Code der innerhalb von <body> ist in den Editor schmeißen und hoffen
das TL den Rest richtig macht.
Zitat Leo:
das "link" Tag ist standardmäßig nicht in TinyMCE verfügbar, weil es Teil des HEADs einer Seite und nicht des BODYs ist
Das heist für mich, was du einfügst ist BODY.
LG, Peter
2008-02-25 20:27
Hallo dreiHP,
ich möchte gerne den Newsletter als HTML-Datei verschicken. Tiny aktzeptiert leider keinerlei Stylescheetangaben. Weder im Head noch im Bodybereich. Der Head wird komplett automatisch entfernt.
Die Versuche mit Inline-Tags ist bisher auch gescheitert (s.o.) (da stehen ja die Styleangaben direkt im Body!
Frage also: Wie kann ich meinen Newsletter mit css gestalten?
Wahrscheinlich hast Du Recht, und ich denke zu kompliziert.
Aber wie gesagt: monentan weiß ich nicht mehr weiter.
Leider ist in der Demo kein Newsletterbeispiel enthalten. Das Thema der Newsletterformatierung taucht leider weder in den Dokumentationen (engl,deutsch) noch im Wiki auf.
Ein einfaches Beispiel würde mir glaube ich schon erheblich weiterhelfen.
schöne Grüße aus Trier.
ich möchte gerne den Newsletter als HTML-Datei verschicken. Tiny aktzeptiert leider keinerlei Stylescheetangaben. Weder im Head noch im Bodybereich. Der Head wird komplett automatisch entfernt.
Die Versuche mit Inline-Tags ist bisher auch gescheitert (s.o.) (da stehen ja die Styleangaben direkt im Body!
Frage also: Wie kann ich meinen Newsletter mit css gestalten?
Wahrscheinlich hast Du Recht, und ich denke zu kompliziert.
Aber wie gesagt: monentan weiß ich nicht mehr weiter.
Leider ist in der Demo kein Newsletterbeispiel enthalten. Das Thema der Newsletterformatierung taucht leider weder in den Dokumentationen (engl,deutsch) noch im Wiki auf.
Ein einfaches Beispiel würde mir glaube ich schon erheblich weiterhelfen.
schöne Grüße aus Trier.
2008-02-25 20:41
Hallo Robert,
so wie ich das verstanden habe werden die Newsletters als HTML verschickt, nur wenn du den Haken als Text verschicken setzt werden sie als reiner Text verschicht.
Du kannst eine CSS-Datei basic.css in TL einbinden. Die Stylesheets du du darin definierst kannst du dann im TinyMCE verwenden, so habe ich es verstanden.
LG, Peter
so wie ich das verstanden habe werden die Newsletters als HTML verschickt, nur wenn du den Haken als Text verschicken setzt werden sie als reiner Text verschicht.
Du kannst eine CSS-Datei basic.css in TL einbinden. Die Stylesheets du du darin definierst kannst du dann im TinyMCE verwenden, so habe ich es verstanden.
LG, Peter
2008-02-25 21:00
Hallo TL-Freunde,
habe nun mal spaßeshalber einfach mit den Boardmitteln von Tiny/ Newsletter versucht eine simple Newsletterformatierung auf Grundlage einer Tabelle zu machen:
Ergebnis: Der Newsletter wird vor dem Versand korrekt dargestellt!
Im E-Mailprogramm erscheint aber nur der reine Text. Weder Hintergrundfarben, Rahmenfarben oder sonstige Formatierungen werden übernommen. Wenigstens funktionieren die Bildlinks nun einwandfrei.
Also wie kann man einen vernünftigen HTML-Newsletter realisieren?
schöne Grüße
Robert
habe nun mal spaßeshalber einfach mit den Boardmitteln von Tiny/ Newsletter versucht eine simple Newsletterformatierung auf Grundlage einer Tabelle zu machen:
Ergebnis: Der Newsletter wird vor dem Versand korrekt dargestellt!
Im E-Mailprogramm erscheint aber nur der reine Text. Weder Hintergrundfarben, Rahmenfarben oder sonstige Formatierungen werden übernommen. Wenigstens funktionieren die Bildlinks nun einwandfrei.
Also wie kann man einen vernünftigen HTML-Newsletter realisieren?
schöne Grüße
Robert
2008-02-25 21:01
Hi Robert,
also bei funktioniert das über TinyMCE sehr gut. Ich verzichte auf jegliches Stylesheet und formatiere einfach alles mit den Bordmitteln von TinyMCE. Dann versende ich den Newsletter und er kommt exakt so wie in der Vorschau als HTML Email an. Getestet mit Mail, Thunderbird und Outlook.
Grüße
Leo
also bei funktioniert das über TinyMCE sehr gut. Ich verzichte auf jegliches Stylesheet und formatiere einfach alles mit den Bordmitteln von TinyMCE. Dann versende ich den Newsletter und er kommt exakt so wie in der Vorschau als HTML Email an. Getestet mit Mail, Thunderbird und Outlook.
Grüße
Leo
2008-02-25 21:06
Hallo Leo,
wann sitzt Du eigentlich mal nicht vor dem Bildschirm?
Danke für Deine Antwort!!!
Tja, bei mir funktioniert das eben nicht! Sehr frustrierend!!!!
Weis der Geier, warum! Habe eben nochmals geschaut, ob auch das Häkchen bei Textnachricht nicht gesetzt ist: alles OK. Auch mein Thunderbird hält hier nichts zurück. Hat jemand ähnliche Erfahrungen gemacht?
Werde morgen mal mit einem anderen E-Mailprogramm testen.
schöne Grüße
Robert
wann sitzt Du eigentlich mal nicht vor dem Bildschirm?
Danke für Deine Antwort!!!
Tja, bei mir funktioniert das eben nicht! Sehr frustrierend!!!!
Weis der Geier, warum! Habe eben nochmals geschaut, ob auch das Häkchen bei Textnachricht nicht gesetzt ist: alles OK. Auch mein Thunderbird hält hier nichts zurück. Hat jemand ähnliche Erfahrungen gemacht?
Werde morgen mal mit einem anderen E-Mailprogramm testen.
schöne Grüße
Robert
2008-02-25 21:18
Hi Robert,
da gibt es schon Zeiten :-)
Ich habe Dir mal einen Test Newsletter geschickt. Sag Bescheid ob er richtig ankommt. Du kannst mir gerne auch mal den Inhalt Deines Newsletters schicken, vielleicht finde ich ja was.
Grüße
Leo
BobFreddy:
wann sitzt Du eigentlich mal nicht vor dem Bildschirm?
da gibt es schon Zeiten :-)
Ich habe Dir mal einen Test Newsletter geschickt. Sag Bescheid ob er richtig ankommt. Du kannst mir gerne auch mal den Inhalt Deines Newsletters schicken, vielleicht finde ich ja was.
Grüße
Leo
2008-02-25 21:44
DIE LÖSUNG naht!
Hallo Leo,
mittlerweile bin ich der Lösung wieder etwas näher gekommen. Dank Deines TestNewsletters habe ich folgendes entdeckt:
Der Thunderbird erkennt zunächst die eingehende Nachricht als Junk-Mail. Folglich wird die E-Mail nicht korrekt formatiert angezeigt. Drückt man im Thunderbird auf die Tast "Kein Junk", werden die restlichen Formatierungen nachgeladen!
Das komische daran: Andere HTML-Newsletter werden ebenfalls als Junk eingestuft aber gleich korrekt dargestellt.
Frage: Kann ich meinen E-Mailversand über Typolight so einrichten, daß die Mails nicht als Junkmail deklariert werden?
schöne Grüße
Hallo Leo,
mittlerweile bin ich der Lösung wieder etwas näher gekommen. Dank Deines TestNewsletters habe ich folgendes entdeckt:
Der Thunderbird erkennt zunächst die eingehende Nachricht als Junk-Mail. Folglich wird die E-Mail nicht korrekt formatiert angezeigt. Drückt man im Thunderbird auf die Tast "Kein Junk", werden die restlichen Formatierungen nachgeladen!
Das komische daran: Andere HTML-Newsletter werden ebenfalls als Junk eingestuft aber gleich korrekt dargestellt.
Frage: Kann ich meinen E-Mailversand über Typolight so einrichten, daß die Mails nicht als Junkmail deklariert werden?
schöne Grüße
2008-02-26 11:17
Hallo Robert,
ob Emails als Junk eingestuft werden oder nicht entscheidet nicht der Absender (TYPOlight), sondern der Empfänger (Dein Server bzw. Dein Mailprogramm). Wenn es beim Senden eine Option gäbe, Emails nicht als Junk zu senden, würden das sicherlich alle Spammer nutzen und alle Spamfilter wären umsonst :-)
Grüße
Leo
ob Emails als Junk eingestuft werden oder nicht entscheidet nicht der Absender (TYPOlight), sondern der Empfänger (Dein Server bzw. Dein Mailprogramm). Wenn es beim Senden eine Option gäbe, Emails nicht als Junk zu senden, würden das sicherlich alle Spammer nutzen und alle Spamfilter wären umsonst :-)
Grüße
Leo
2008-02-26 12:57
Hallo TL-Freunde,
seit der Version 2.5.9 ist das ganze Thema nun Vergangenheit. Jetzt ist es möglich, HTML-Vorlagen zu erstellen, aus denen Ihr ganz bequem den nächsten Newsletter generieren könnt.
Ich sag`nur genial und danke Leo
schöne Grüße
Robert
seit der Version 2.5.9 ist das ganze Thema nun Vergangenheit. Jetzt ist es möglich, HTML-Vorlagen zu erstellen, aus denen Ihr ganz bequem den nächsten Newsletter generieren könnt.
Ich sag`nur genial und danke Leo
schöne Grüße
Robert
2008-06-24 12:24
Hallo Robert,
prima an dem Punkt bin ich gerade.
Meinst Du damit die Tiny Templates?
Oder gibt es noch ein anderen Tipp?
prima an dem Punkt bin ich gerade.
Meinst Du damit die Tiny Templates?
Oder gibt es noch ein anderen Tipp?
all best / beste grüße
planepix
planepix
2008-06-24 12:56
Hallo planepix,
ja, genau die meine ich.
schöne Grüße
Robert
ja, genau die meine ich.
schöne Grüße
Robert
2008-06-24 15:02