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:19] – [Formularelemente] 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 ===== | ||
| + | |||
| + | Wenn im Template die Vorgaben erfüllt sind, befindet sich im Editor links oben ein Button "CSS editieren" | ||
| - | ==== Übersicht des CSS-Editors ==== | + | <WRAP round important 70%> |
| - | Wenn die Vorgaben | + | Die Vorgaben |
| + | </ | ||
| - | {{: | + | {{: |
| - | **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 66: | Zeile 61: | ||
| - | {{tag>CSS CSS-Editor Template | + | {{tag>CSS_Editor Templates |