Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Inhaltsverzeichnis:

Inhalt

...

Ausgangssituation

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

Info

Für die Vorgabe der Seitenränder gibt es inzwischen eine einfachere Lösung. Siehe dazu: Wie kann ich das Briefpapier einbinden?

Für die Positionierung von Texten ist dieser Artikel aber weiterhin Wertvollnützlich.

Lösung

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

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

Vorgehen

Rechenbeispiel

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

Vorgegebene Werte:

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

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

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

Daraus ergibt sich

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

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

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

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

Übertragen der Werte

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

    grafik-20240711-160731.png

  2. Fügen Sie diesen folgenden 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 Erläuterung des CodeCodes:

      grafik-20240711-163441.png

      1. background: lightblue; = färbt den Schreibbereich in hellblau. Dies ist angenehmer beim erstellen Rrstellen 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”.

    grafik-20240711-162825.png

  4. Die Oberfläche zum bearbeiten Bearbeiten des template Templates 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 CodeCodes)

    grafik-20240711-162940.png

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

    grafik-20240711-170642.png

Erweiterte Lösung mit

...

zusätzlichen positionierten Texten

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

So erhalten Sie mit diesem Code

...

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

...

grafik-20240711-174342.png

Anmerkungen

  • Beachten Sie beim definieren Definieren der Bereiche, das dass bei Überschreitung der Breite die PDF breiter als 210mm 210 mm sein wird und somit nicht mehr A4 entspricht.

...