Inhaltsverzeichnis:

Ausgangssituation

Sie möchten in den Produkt templates die Seitenränder vorgeben oder Inhalte wie z.B. Texte an bestimmten Positionen ausgeben.

Lösung

Aktuell sind die Seitenränder in einer Breite von 22,5mm von jeder Seite fest vorgegeben.

Es ist geplant dies per Einstellmöglichkeit anzupassen. Aber es ist jetzt schon möglich mit dem Werkzeug Quellcode die Ränder und Positionen vorzugeben.

Vorgehen

Rechenbeispiel

Um die Werte abweichen vom Beispiel bestimmen zu können, eine Erklärung zur Berechnung:

Vorgegebene Werte:

• Laut DIN A4 ist diese 210mm breit und 297mm hoch.

• Laut DIN 5008 sind die Seitenränder links 25mm, rechts 15-20mm, oben 45mm und unten 25mm

• In den produkt templates ist ein Rahmen von 22,5mm von jeder Seite vorgegeben und müssen in der Berechnung berücksichtigt werden.

Daraus ergibt sich

• Abstand oben: 45mm (DIN 5008) - 22,5mm (Standard) = 22,5mm

• Abstand links: 25mm (DIN 5008) - 22,5mm (Standard) = 2,5mm

• Höhe Inhalt: 297mm (DIN A4) - 45mm (Abstand oben DIN 5008) - 25mm (unterer Rand DIN 5008) = 227mm

• Breite Inhalt: 210mm (DIN A4) - 25mm (Abstand links DIN 5008) - 20mm (rechter Rand DIN 5008) = 165mm

Übertragen der Werte

1. öffnen Sie im Menüpunkt “Werkzeuge” den Punkt Quellcode.

   

2. Fügen Sie diesen Code ein

   <div style="background: lightblue; position: absolute; margin-left: 2.5mm; margin-top: 22.5mm; width: 165mm; height: 227mm; padding: 0px;">
   <p style="margin-top: 0px;">Hier der Inhalt</p>
   </div>

   1. Erklärung des Code

      

      1. background: lightblue; = färbt den Schreibbereich in hellblau. Dies ist angenehmer beim erstellen der Vorlage und kann anschließen entfernt werden damit dies nicht in die finalen Dokumente übernommen wird.

      2. margin-left: 2.5mm; = Angabe des Abstands nach links

      3. margin-top: 22.5mm; = Angabe des Abstands nach oben

      4. width: 165mm; = Breite des Schreibbereiches

      5. height: 227mm; = Höhe des Schreibbereiches

3. Verlassen Sie das Fenster “Quellcode”

   

4. Die Oberfläche zum bearbeiten des template sieht nun so aus und kann wie gewohnt genutzt werden. Der Arbeitsbereich ist zur Orientierung blau gefärbt. Die Einfärbung kann vor der Freigabe an die Endnutzer entfernt werden (siehe oben bei Erklärung des Code)

   

5. Das Dokument würde dann finalisiert so aussehen:

   

Erweiterte Lösung mit zusätzliche positionierten Texten

Aufbauend auf dem obigen Beispiel können über diesen Weg auch Inhalte mm genau positioniert werden.

So erhalten Sie mit diesem Code

<div style="background: lightyellow; position: absolute; margin-left: -2.5mm; margin-top: 4.5mm; width: 85mm; height: 45mm; padding: 0px;">
<p style="margin-top: 0px;">Hier die Anschrift</p>
</div>
<div style="background: LightCoral; position: absolute; margin-left: 102.5mm; margin-top: 9.5mm; width: 75mm; height: 55mm; padding: 0px;">
<p style="margin-top: 0px;">Hier der Informationsblock</p>
</div>
<div style="background: lightblue; position: absolute; margin-left: 2.5mm; margin-top: 72.96mm; width: 165mm; height: 175mm; padding: 0px;">
<p style="margin-top: 0px;">Hier der Inhalt</p>
</div>

dieses Ergebnis: (vgl. https://de.wikipedia.org/wiki/DIN_5008 Vermaßung des Geschäfts­briefes Form A)

Anmerkungen