Přejít na obsah

Jak změnit vzhled některých prvků na faktuře?

Počet zobrazení: 4195 4 min čtení

Přejděte do sekce

  1.  
.helpdesk code br{ display:none; clear:both; height:1px; }

POZOR! Pamatujte, prosím, na to, že níže uvedené změny jsou viditelné pouze na výtisku nebo ve vygenerovaném PDF souboru. Uvedené návody se týkají výhradně výchozí šablony - default. <!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Pro změnu jakéhokoliv prvku na výtisku, např. nápisu Originál/Kopie, je nutné v menu Nastavení - Nastavení účtu - Nastavení tisku (záložka) a následně ve spodní části stránky vyplnit pole Konfigurace výtisku pomocí CSS. <!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Např. pro zvětšení velikosti textu na celé faktuře je nutné vložit následující kód (funguje u všech šablon):

 

.invoice_outline * {     font-size: 12px; }

 

K tomu, aby byl text ještě větší, je nutné vložit vyšší hodnoty, k tomu, aby byl menší, naopak hodnoty menší.

 

Obdobným způsobem můžeme ovlivnit velikost dalších polí na faktuře.  

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Pro změnu barvy a velikosti jiných částí výtisku / pdf souboru faktury je nutné použít pokročilejší css kód:

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Změna barvy a velikosti písma v části prodávající.

 

table.clean.to_half > tbody > tr > td:first-child p + p + p { color: red !important; font-size:1.4em; }

 

table.clean.to_half > tbody > tr > td:first-child p + p + p + p{ color: #000 !important; }

 

table.clean.split_half > tbody > tr > td:first-child p:last-child{ color: red !important; font-size:1.4em; }

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Po vložení výše uvedeného kódu se nám červenou barvou označí řádky dokumentu (tento CSS styl funguje pouze u šablony DEFAULT).

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Pro zvětšení pole termín splatnosti na šabloně BLUE je nutné použít níže uvedený kód:

 

.additional_data p + p + p { color: red !important; font-size:1.4em; }

 

-------------------------

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Jak zvětšit velikost názvu faktury:

 

.invoice_title strong { font-size: 3em; }

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Jak zvětšit velikost čísla faktury:​​​​​​​

.invoice_title > span { font-size:2em; display:block; margin-top:10px; }

Navyšováním velikosti hodnoty font-size se bude písmo číslice zvětšovat.

 

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Jak zvětšit velikost názvu Faktura (šablona blue a old):​​​​​​​

 

 

 

.invoice_title h1 {         font-size: 5em; }

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> v šabloně default níže: <!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> (první kód zvětšuje samotné slovo Faktura, druhý pak číslo faktury).

 

1.

 

.invoice_outline  .clean.to_half td p.invoice_title strong{    font-size:4em !important; }

 

2.

 

.invoice_outline  .clean.to_half td p.invoice_title span {    font-size:2em !important; }

 

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Navyšováním velikosti hodnoty font-size se bude písmo názvu faktury zvětšovat.

 

 

 

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Jak z výtisku odstranit razítko Zaplaceno (funguje u všech šablon).

 

html body .invoice_outline {     .invoice_outline { background-image: none !important; }     #paid_mark { display: none; } }

 

 

 

 

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> K tomu, abychom mohli v šabloně Default přesunout část informací na pravou stranu dokumentu.

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> … je nutné použít následující kód:

 

 

table.clean.to_half td { width:100%; }

 

table.clean.to_half td p { text-align: right; }

 

table.clean.to_half td.logo_inside, table.clean.to_half td.logo_inside p { padding:0; margin:0; width:1px !important; }

 

 

 

Pro úpravu hlavičky a podpisů ve spodní části faktury (jejich přidání do popisku) je nutné použít níže uvedený kód (uvedené obsahy slouží pouze jako příklad). 

 

.split_three tr td:first-child strong:before {     content: Oświadczenie i ;     margin-bottom: 5px; }

 

.split_three tr td:last-child strong:after {     content: - osoby upoważnionej do wystawiania faktury VAT;     margin-bottom: 5px; }

Jak změnit okraje u tištěného dokladu:

@page {     size:  8.5in 11in;  /* pierwsza wartość dotyczny szerokosci a druga wysokosci kartki */        margin-top: 0.5in;     margin-right: 0in;         margin-bottom: 0.5in     margin-left:0.5in; }

.invoice_outline {     margin-top: 0.5in;     margin-right: 0.5in;         margin-bottom: 0.5in     margin-left:0.5in;      }

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Výše uvedené hodnoty je možné změnit podle potřeby.

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Níže je uveden příklad, jak zcela eliminovat okraje na faktuře:

 

.invoice_outline { margin: 0 !important; padding: 0 !important; }    

@page{size:portrait;margin:0;padding:0;}

 

-------------------------------------------

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Jak vyměnit loga a údaje výstavce u šablony default

table.clean.to_half tbody tr td { float: right; width: 45%; } table.clean.to_half tbody tr td.logo_inside { float: left; width: 45%; display: inline-block; }  

---------------------------------------------

Více informací naleznete zde: http://www.tutorialspoint.com/css/css_paged_media.htm

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> Rovněž můžete požít nástroj FIREBUG - je možné nainstalovat pomocí odkazu:  https://addons.mozilla.org/en-us/firefox/addon/firebug/

 

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}-->

Byl tento příspěvek užitečný?

Sdílet

Komentáře