Layout för kortbetalningskvitto
Klistra in denna i källan på en ny fakturamall:
<style type="text/css">* {
vertical-align: top;
}
body {
margin: 0;
}
img {
display: block;
}
/* Justera marginalen på sidan */
#margin {
margin: 6mm;
}
/* Texten i övre högra hörnet */
#invoiceText {
font-size: 38px;
}
/* Texten under bilden */
#projectText {
font-size: 30px;
}
/* Typsnitt för innehålllet, samt marginaler */
#invoice, #description, #contact {
font-size: 12px;
margin-top: 5mm;
font-family: Arial, Helvetica, sans-serif;
}
/* Adressfältet */
#address {
line-height: 150%;
box-sizing: border-box;
padding: 4mm;
}
/* Fakturainnehållets rubrikrad */
#description tr:first-child td {
box-sizing: border-box;
font-weight: bold;
vertical-align: top;
padding-right: 2mm;
padding-bottom: 2mm;
}
/* Fakturainnehållets rubrikrad (sista kolumnen) */
#description tr:first-child td:last-child {
padding-right: 0;
}
/* Fakturainnehållets rader */
#description tr td {
box-sizing: border-box;
vertical-align: top;
padding-right: 2mm;
padding-bottom: 2mm;
}
/* Fakturainnehållets rader (sista kolumen) */
#description tr td:last-child {
padding-right: 0mm;
}
/* Totalbeloppets text */
.descriptionTotal {
font-weight: bold;
font-size: 14px;
text-align: right;
}
/* Generell rad */
.row td {
padding-top: 2mm;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" id="invoice" style="padding: 6mm; border-spacing: 0px; margin: 0 auto;">
<tbody>
<tr>
<td colspan="2" style="width: 85mm; height: 19mm;"><img src="https://www.delegia.com/app/Data/ProjectImages/6544/Delegialogo_400.jpg" style="height: 99px; width: 300px;" /></td>
<td colspan="2" style="width: 100mm; height: 19mm; text-align: right;">
<h1 id="invoiceText">Kvitto</h1>
</td>
</tr>
<tr>
<td colspan="2" style="width: 85mm; height: 19mm;">
<h2 id="projectText">[ProjectNameLong]</h2>
</td>
<td colspan="2" id="address" style="width: 100mm; height: 27mm; border: 1px solid black; border-radius: 2mm;" valign="middle">
<p>[CompanyName]<br />
[CompanyAddress1]<br />
[CompanyZip] [CompanyCity]<br />
[CompanyCountry]</p>
</td>
</tr>
<tr class="row">
<td colspan="4">
<hr style="height: 1px; border: 0; background-color: black;" /></td>
</tr>
<tr>
<td colspan="4" style="width: 185mm; height: auto;">
<table border="0" id="description" style="width: 100%;">
<tbody>
<tr>
<td>Beskrivning</td>
<td align="right">Pris exkl. moms</td>
<td align="right">Rabatt</td>
<td align="right">Pris inkl. rabatt</td>
<td align="right">Moms</td>
<td align="right">Antal</td>
<td align="right">Pris inkl. moms</td>
</tr>
<tr>
<td>[RowText]</td>
<td align="right">[RowAmount1] [Currency]</td>
<td align="right">[RowRebate] [Currency]</td>
<td align="right">[RowAmount2] [Currency]</td>
<td align="right">[RowVat] [Currency]</td>
<td align="right">[RowQuantity] </td>
<td align="right">[RowTotal] [Currency]</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="5"> </td>
<td align="right" class="descriptionTotal">Total:</td>
<td align="right" class="descriptionTotal">[GrandTotal] [Currency]</td>
</tr>
<tr>
<td colspan="5"> </td>
<td align="right" class="descriptionTotal">Varav moms:</td>
<td align="right" class="descriptionTotal">[TotalVat] [Currency]</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="row">
<td colspan="4" style="width: 185mm; height: auto;">
<table border="0" cellpadding="1" cellspacing="1" style="width:600px;">
<tbody>
<tr>
<td><strong>Datum</strong></td>
<td><strong>Betalsätt</strong></td>
<td><strong>Transaktionsnr.</strong></td>
<td><strong>Kortets sista siffror</strong></td>
<td><strong>Betald summa</strong></td>
</tr>
<tr>
<td>[TransactionDate]</td>
<td>[Cardtype]</td>
<td>[TransactionNo]</td>
<td>[LastDigits]</td>
<td>[Amount] [Currency]</td>
</tr>
</tbody>
</table>
<p> </p>
</td>
</tr>
<tr>
<td colspan="4" style="width: 185mm; height: auto;">
<table cellpadding="0" cellspacing="0" id="contact" style="border-spacing: 0px; width: 100%;">
<tbody>
<tr>
<td colspan="6">
<hr style="height: 1px; border: 0; background-color: black;" /></td>
</tr>
<tr class="row">
<td>
<p><strong>Organisationsnr</strong><br />
Delegia AB<br />
556632-2367</p>
</td>
<td style="width: 30.66mm;">
<p><strong>Bankgiro</strong><br />
191-4936</p>
</td>
<td style="width: 30.66mm;">
<p><strong>Tel/fax:</strong><br />
08-4471280<br />
08-4471271</p>
</td>
<td style="width: 30.66mm;">
<p><strong>Adress</strong><br />
Fredrik Jahns gränd 18<br />
131 36 Nacka</p>
</td>
<td style="width: 30.66mm;">
<p><strong>F-skatt</strong><br />
Företaget innehar<br />
F-skatt</p>
</td>
<td style="width: 30.66mm;">
<p><strong>Företagets säte</strong><br />
Stockholm<br />
www.delegia.se</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Tänk på att:
- Lägg in dina egna värden. Kolla med din ekonomiavdelning hur uppgifterna en faktura ska se ut.
- Notera att detta ovan bara är ett förslag och inte en generellt giltig faktura. I ditt projekt kan du ha andra behov och preferenser.
- Kom ihåg att ta bort alla gulmarkeringar när du lägger in dina egna värden.
- Testa, testa, testa all ekonomi i ditt projekt, så att det ser bra ut och fungerar fullt i på alla sätt det ska gå, innan du funderar på att köra igång skarpt.
- Vanligtvis vill du ha åtminstone 3 olika fakturamallar; Faktura, Kreditfaktura, Påminnelsefaktura, även om det som skiljer bara skulle bara rubriken på fakturan.
- Ska du skicka påminnelser så tänk på att ta med rätt taggar i den mallen, läs mer om taggar för fakturamall här