Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:can_i_use_css [2021/08/31 16:20] – [Übersicht des CSS-Editors] bk | de:can_i_use_css [2025/02/10 11:29] (aktuell) – [Wie nutze ich den CSS-Editor?] bk | ||
---|---|---|---|
Zeile 4: | Zeile 4: | ||
über ein Formular von Redakteuren verändert werden können. Dadurch bestimmen Sie selbst, welche Bereiche durch den Benutzer des Templates angepasst werden dürfen. | über ein Formular von Redakteuren verändert werden können. Dadurch bestimmen Sie selbst, welche Bereiche durch den Benutzer des Templates angepasst werden dürfen. | ||
- | Zu diesem Zweck wird ein zentrales Style Sheet im Header erlaubt. Dies wird in der Laufzeit | + | Zu diesem Zweck wird ein zentrales Style Sheet im Header erlaubt. Dies wird in der Laufzeit |
- | Hilfe des CSS-Inliner-Tools in einem Inline-CSS überführt, | + | |
- | Der CSS-Editor wird im neuen E-Mail-Builder | + | Der CSS-Editor wird im E-Mail-Builder verwendet, kann aber in jedes beliebige Template übernommen werden. |
- | Bitte kontaktieren | + | Bei Fragen melden |
+ | ===== Oberfläche ===== | ||
- | ==== Oberfläche ==== | + | 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, |
- | + | ||
- | 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, | + | |
{{: | {{: | ||
+ | ===== Übersicht des CSS-Editors ===== | ||
- | ==== Übersicht des CSS-Editors ==== | ||
Wenn im Template die Vorgaben erfüllt sind, befindet sich im Editor links oben ein Button "CSS editieren" | Wenn im Template die Vorgaben erfüllt sind, befindet sich im Editor links oben ein Button "CSS editieren" | ||
<WRAP round important 70%> | <WRAP round important 70%> | ||
- | Die Vorgaben zum Thema Template für den Entwickler finden Sie in Artikel //Development of E-Mail templates for promio.connect// | + | Die Vorgaben zum Thema Template für den Entwickler finden Sie in Artikel //" |
</ | </ | ||
- | {{: | + | {{: |
- | **Hinweise: | + | ===== Formularelemente ===== |
- | * Der Beschriftung für @nav und @navItem sollen möglichst kurz sein. | + | |
- | * Die Bezeichnungen für @nav und @navItem sind case-sensitiv. Daher muss auf Groß- und Kleinbuchstaben geachtet werden. | + | |
- | * Die CSS-Datei muss valide sein. | + | |
- | * Das CSS darf keine leeren Attribute enthalten. | + | |
- | * Änderungen innerhalb von Media-Queries werden nicht im Vorschau-Fenster der promio.mail angezeigt. Öffnen Sie die Vorschau über „externer Link“ in einem neuen Browserfenster und verkleinern Sie dieses manuell, um diese Änderungen nachvollziehen zu können. | + | |
- | * Verwenden Sie keine abgekürzten Schreibweisen für CSS-Eigenschaften. | + | |
- | ==== Formularelemente ==== | ||
Die CSS-Eigenschaften wurden in Gruppen aufgeteilt. Zu jeder Gruppe wurde ein Editor-Baustein (kurz Editor) implementiert. | Die CSS-Eigenschaften wurden in Gruppen aufgeteilt. Zu jeder Gruppe wurde ein Editor-Baustein (kurz Editor) implementiert. | ||
Zeile 70: | Zeile 61: | ||
- | {{tag>CSS CSS-Editor Template | + | {{tag>CSS_Editor Templates |