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

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

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/