{"id":698,"date":"2019-11-18T14:29:23","date_gmt":"2019-11-18T21:29:23","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/tickets\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/"},"modified":"2019-12-19T18:26:19","modified_gmt":"2019-12-20T01:26:19","slug":"como-posso-modificar-um-tema-de-bilhete-existente-no-fooevents-ou-criar-o-meu-proprio-tema-de-bilhete-em-pdf-ou-html","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/pt\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Como posso modificar um tema de bilhete existente no FooEvents ou criar o meu pr\u00f3prio tema de bilhete em PDF ou HTML?"},"content":{"rendered":"

Este artigo orienta-o no processo de cria\u00e7\u00e3o do seu pr\u00f3prio FooEvents Tema do bilhete<\/strong> que recomendamos que leia antes de continuar:
\nSeja criativo com os temas dos bilhetes FooEvents - Parte 1<\/a>
\nSeja criativo com os temas dos bilhetes FooEvents - Parte 2<\/a><\/p>\n

\u00c9 importante ter em mente que a forma como os tickets PDF s\u00e3o gerados \u00e9 ligeiramente diferente do HTML e CSS comuns. Existem alguns estilos e elementos que podem funcionar bem ao renderizar um email ou arquivo HTML, mas esses estilos podem n\u00e3o ser compat\u00edveis com a biblioteca usada para gerar os arquivos PDF.<\/p>\n

Seguem-se alguns aspectos importantes a ter em conta ao criar ou modificar ficheiros de Tema de bilhete PDF:<\/p>\n

1. Pode utilizar JPG<\/strong> ou PNG<\/strong> imagens. Se as imagens PNG com transpar\u00eancia n\u00e3o forem apresentadas como pretendido, ter\u00e1 de ativar a extens\u00e3o \"imagick\" no PHP. Se n\u00e3o tiver a certeza de como o fazer, o seu anfitri\u00e3o poder\u00e1 ajud\u00e1-lo.
\n2. Tentar evitar a utiliza\u00e7\u00e3o de <table><\/code> mas sim utilizar elementos <div><\/code> tags.
\n3. Se pretender centrar especificamente as imagens, evite utilizar a declara\u00e7\u00e3o CSS \"margin: auto\", mas utilize antes \"text-align: center\"
\n4. N\u00e3o utilize o Google Fonts. As fontes Tipo de letra DejaVu<\/strong> suporta uma vasta gama de caracteres, incluindo os alfabetos grego, cir\u00edlico, hebraico e \u00e1rabe.
\n5. Tente evitar a coloca\u00e7\u00e3o de elementos em ninhos, por exemplo<\/p>\n

<div>\r\n  <div>Alguns conteúdos<\/div>\r\n<div>\r\n<\/pre>\n
6. N\u00e3o utilize a declara\u00e7\u00e3o CSS \"display: block\" nas imagens, pois pode ocultar a imagem em alguns casos.
\n7. Se n\u00e3o quiser que um elemento se estenda por duas p\u00e1ginas, adicione a declara\u00e7\u00e3o \"page-break-inside: avoid;\"
\n8. Se estiver a colocar elementos em ninhos, aplique o preenchimento CSS no contentor interior e n\u00e3o no exterior.
\n9. Utilizar caminhos para as imagens em vez de URLs como no HTML normal.
\n10. Adicionar um fecho <\/body> apenas e não uma etiqueta de fecho <\/html> para várias páginas PDF
\n11. N\u00e3o utilize a propriedade CSS \"float\" numa etiqueta que esteja aninhada noutra etiqueta flutuante
\n12. Se um cliente estiver a comprar mais do que um bilhete para o mesmo evento, a maioria dos temas de bilhetes em PDF apresentar\u00e1 o cabe\u00e7alho e as informa\u00e7\u00f5es do evento, seguidos de 3 bilhetes por p\u00e1gina. Se o bilhete PDF parecer quebrado, pode ser porque todas estas informa\u00e7\u00f5es n\u00e3o cabem numa p\u00e1gina. Para corrigir esta situa\u00e7\u00e3o, pode utilizar um registo e\/ou uma imagem de cabe\u00e7alho que n\u00e3o sejam t\u00e3o altos, remover o preenchimento, as margens ou o texto ou configur\u00e1-lo de modo a que apenas 1 ou 2 bilhetes sejam apresentados numa p\u00e1gina.<\/p>","protected":false},"featured_media":0,"parent":800,"menu_order":14,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_tag":[29,28,93,27,7],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_tag-html","doc_tag-pdf","doc_tag-ticket","doc_tag-ticket-theme","doc_tag-tickets"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/800"}],"prev":[{"title":"Why do some ticket images say they are \"hot linked\" when displayed in an email client?","link":"https:\/\/help.fooevents.com\/pt\/docs\/frequently-asked-questions\/ticket-themes\/why-do-some-ticket-images-say-they-are-hot-linked-when-displayed-in-an-email-client\/","href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/133858"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}