User Tools

Site Tools

You are here: Test Dokuwiki For ServiceCenter » promio.connect Wiki » How do I use the CSS editor?
Trace: • Wie kann ich das Ergebnis meiner Kampagne nach Merkmalen der Empfänger segmentieren? • How do I create an auto target group? • Automatic export: Type 'Blocklist Audition' • How do I use the CSS editor?
en:can_i_use_css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
en:can_i_use_css [2021/09/01 11:36] – [Oberfläche] bken:can_i_use_css [2025/02/27 14:50] (current) – bk
Line 1: Line 1:
-====== How to use the css-editor? ======+====== How do I use the CSS editor? ======
  
-Using the css-editor you are enabled to define attributes via css specifications, that can be adapted by the 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. +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  +For this purpose, a central style sheet in the header is permitted. This style sheet will be transposed to an inline CSS with the help of the CSS inliner tools within the duration. This guarantees an optimum viewing in the different email clients.
-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. +The CSS editor is used in e-mail builder, but it can be adopted to any other template.  
  
-==== Interface ====+If you have questions, please contact our support team via ticket.
  
-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. +===== Interface =====
  
-{{:de:campaigns_css_overview_1.png?700|}}+With this completed form the editor is, e.g., able to change the font type and font size of a newsletter. You have the possibility to name different menue items and to assign them to sub items. 
  
 +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.
  
 +{{:en:campaigns_css_overview_1.png?700|}}
  
-==== Overview of the css-editor ==== + 
-If the specifications are fullfilled in the template, the button "edit css" will appear on the left corner.+===== Overview of the CSS editor ===== 
 + 
 +If the specifications are fulfilled in the template, the button "edit css" will appear on the left corner.
  
 <WRAP round important 70%> <WRAP round important 70%>
-The specifications for developpers you find in this article: //[[https://servicewiki.promio-connect.com/doku.php/de:otml#css|Development of E-Mail templates for promio.connect]]//+Specifications for developers you find in the article //"[[de:otml]]"// (section "CSS").
 </WRAP> </WRAP>
  
-{{:de:css_editor_formular_leer.png?nolink|}} \\+{{:en:css_editor_formular_leer.png?nolink|}}
  
-==== Formularelemente ==== + 
-Die CSS-Eigenschaften wurden in Gruppen aufgeteilt. Zu jeder Gruppe wurde ein Editor-Baustein (kurz Editor) implementiert. +===== forms elements ===== 
 + 
 +The CSS features have been segmented into groups. To every group, an editor module (short editor) has been implemented. 
  
 **font-family**: select list font-family \\ **font-family**: select list font-family \\
 {{:de:css_editor_schriften.png?nolink&250|}} \\ {{:de:css_editor_schriften.png?nolink&250|}} \\
-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. +In the following table you find the values for font family on the base of which the CSS editor creates a drop down to select the font. 
-|**Schriftart-Wert in CSS Quelltext**|**Schriftart in CSS Editor**|+If different values are used, the CSS editor creates an input field instead. 
 + 
 +|**font type value in the css source code**|**font type in css editor**|
 |Arial \\ Arial,Helvetica \\ Arial,Helvetica,sans-serif|Arial, Helvetica, sans-serif| |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;| |'Times New Roman' \\ 'Times New Roman', Times \\ 'Times New Roman', Times, serif|'Times New Roman', Times, serif;|
Line 48: Line 54:
 {{:de:css_editor_schriftstaerke.png?nolink&250|}} {{:de:css_editor_schriftstaerke.png?nolink&250|}}
  
-**font-size**: Textgröße in %, em, pt oder px\\+**font-size**: text size in %, em, pt or px\\
 {{:de:css_editor_schriftgroesse.png?nolink&250|}} {{:de:css_editor_schriftgroesse.png?nolink&250|}}
  
Line 61: Line 67:
  
  
- {{tag>css css-editor template e-mail-builder}} + {{tag>css_editor templates e-mail_builder }} 
en/can_i_use_css.1630488987.txt.gz · Last modified: 2021/09/01 11:36 by bk

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki