Vzhled faktury

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

Poslední aktualizace: 10. 11. 2021


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.

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.

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.
 

Pro změnu barvy a velikosti jiných částí výtisku / pdf souboru faktury je nutné použít pokročilejší css kód:


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;
}

 


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).


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;
}

 

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

 

Jak zvětšit velikost názvu faktury:

 

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

 

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.

 


 

Jak zvětšit velikost názvu Faktura (šablona blue a old):​​​​​​​

 

 

 

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

 


v šabloně default níže:
(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;
}

 

 


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

 

 


 

 

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; }
}

 

 

 

 


 

K tomu, abychom mohli v šabloně Default přesunout část informací na pravou stranu dokumentu.


… 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;
    
}

 


Výše uvedené hodnoty je možné změnit podle potřeby.

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;}

 

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

Jak vyměnit loga a údaje výstavce u šablony default

zamiana miejscami logo i danych

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

 


Rovněž můžete požít nástroj FIREBUG - je možné nainstalovat pomocí odkazu:  https://addons.mozilla.org/en-us/firefox/addon/firebug/


 

 


Zpět


Komentáře

Přidat komentář