Dieser Artikel führt Sie durch den Prozess der Erstellung Ihrer eigenen FooEvents Ticket-Thema die Sie lesen sollten, bevor Sie fortfahren:
Werden Sie kreativ mit FooEvents-Ticket-Themen - Teil 1
Werden Sie kreativ mit FooEvents-Ticket-Themen - Teil 2

Es ist wichtig zu wissen, dass sich die Generierung von PDF-Tickets leicht von normalem HTML und CSS unterscheidet. Es gibt einige Stile und Elemente, die beim Rendern einer HTML-E-Mail oder -Datei problemlos funktionieren, aber diese Stile sind möglicherweise nicht mit der Bibliothek kompatibel, die zur Generierung der PDF-Dateien verwendet wird.

Hier sind einige wichtige Dinge, die Sie beim Erstellen oder Ändern von PDF-Ticket-Theme-Dateien beachten sollten:

1. Sie können entweder JPG oder PNG Bilder. Wenn PNG-Bilder mit Transparenz nicht wie vorgesehen dargestellt werden, müssen Sie die Erweiterung "imagick" in PHP aktivieren. Wenn Sie sich nicht sicher sind, wie das geht, kann Ihnen Ihr Hoster vielleicht helfen.
2. Versuchen Sie, die Verwendung von zu vermeiden <table> Elemente, sondern verwenden stattdessen <div> Tags.
3. Wenn Sie Bilder speziell zentrieren möchten, vermeiden Sie die CSS-Deklaration “margin: auto”, sondern verwenden Sie stattdessen “text-align: center”.”
4. Verwenden Sie keine Google-Schriftarten. Die integrierten Schriftart DejaVu unterstützt eine Vielzahl von Schriftzeichen, einschließlich des griechischen, kyrillischen, hebräischen und arabischen Alphabets.
5. Versuchen Sie, verschachtelte Elemente zu vermeiden, z. B.
   
   
   

   Einige Inhalte

   
   
6. Verwenden Sie nicht die CSS-Deklaration “display: block” bei Bildern, da dies das Bild in einigen Fällen ausblenden könnte.
7. Wenn Sie nicht möchten, dass sich ein Element über zwei Seiten erstreckt, fügen Sie die Deklaration “page-break-inside: avoid;” hinzu.”
8. Wenn Sie Elemente verschachteln, wenden Sie CSS-Padding auf den inneren Container an und nicht auf den äußeren Container.
9. Verwendet Pfade für Bilder anstelle von URLs wie im normalen HTML.
10. Eine Schlussformel hinzufügen </body> Tag und nicht ein abschließendes </html> Tag für mehrere PDF-Seiten
11. Verwenden Sie nicht die CSS-Eigenschaft “float” auf einem Tag, der in einem anderen gefloaten Tag verschachtelt ist
12. Wenn ein Kunde mehr als eine Eintrittskarte für dieselbe Veranstaltung kauft, zeigen die meisten PDF-Ticket-Designs den Kopfbereich und die Veranstaltungsdetails, gefolgt von 3 Eintrittskarten pro Seite an. Wenn das PDF-Ticket fehlerhaft aussieht, liegt es möglicherweise daran, dass all diese Informationen nicht auf eine Seite passen. Um dies zu beheben, können Sie ein Logo und/oder ein Kopfbild verwenden, die nicht so hoch sind, Leerzeichen, Ränder oder Text entfernen oder es so einstellen, dass nur 1 oder 2 Eintrittskarten auf einer Seite angezeigt werden.