Inhaltsverzeichnis:

...

Ausgangssituation

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

...

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

   

2. Fügen Sie diesen Code ein

   Codeblock
   <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:

   Image Added

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

...