This is an old revision of the document!
Table of Contents
How to use the css-editor?
Using the css-editor you are enabled to define attributes via css specifications, that can be adapted by the editor. This allows you to define areas, that can be adopted by the user of the template.
Zu diesem Zweck wird ein zentrales Style Sheet im Header erlaubt. Dies wird in der Laufzeit mit Hilfe des CSS-Inliner-Tools in einem Inline-CSS überführt, um eine optimale Darstellung in verschiedenen E-Mail-Clients zu gewährleisten.
The css-editor is used in e-mail builder v2, but it can be adopted to any other template.
If you have questions please contact your account manager.
Interface
Hier sehen Sie ein fertiges Formular, mit welchem der Redakteur zum Beispiel die Schriftart und -größe des Newsletters ändern kann. Sie haben die Möglichkeit, verschiedene Menüpunkte zu benennen und diesen wiederrum Unterpunkte zuzuordnen.
Overview of the css-editor
If the specifications are fullfilled in the template, the button “edit css” will appear on the left corner.
The specifications for developpers you find in this article: Development of E-Mail templates for promio.connect
Formularelemente
Die CSS-Eigenschaften wurden in Gruppen aufgeteilt. Zu jeder Gruppe wurde ein Editor-Baustein (kurz Editor) implementiert.
font-family: select list font-family
In der nachfolgenden Tabelle finden Sie die Werte für font-family auf Grundlage derer der CSS-Editor ein Drop-Down zur Auswahl der Schrift erzeugt. Werden davon abweichende Werte verwendet, erstellt der CSS-Editor stattdessen ein Inputfeld.
| Schriftart-Wert in CSS Quelltext | Schriftart in CSS Editor |
| Arial Arial,Helvetica Arial,Helvetica,sans-serif | Arial, Helvetica, sans-serif |
| 'Times New Roman' 'Times New Roman', Times 'Times New Roman', Times, serif | 'Times New Roman', Times, serif; |
| 'Courier New' 'Courier New', Courier 'Courier New', Courier, monospace | 'Courier New', Courier, monospace; |
| Georgia Georgia, 'Times New Roman' Georgia, 'Times New Roman', Times Georgia, 'Times New Roman', Times, serif | Georgia, 'Times New Roman', Times, serif |
| Verdana Verdana, Arial Verdana, Arial, Helvetica Verdana, Arial, Helvetica, sans-serif | Verdana, Arial, Helvetica, sans-serif |
| Geneva Geneva, Arial Geneva, Arial, Helvetica Geneva, Arial, Helvetica, sans-serif | Geneva, Arial, Helvetica, sans-serif |
font-style : select list for the font-style
font-weight: numeric input
font-size: Textgröße in %, em, pt oder px
text-align: select list for horizontal position
color/background-color/border-color: color picker
border-style: select list to choose border-style
