Layout för grundmall
Här finns en grundlayout att titta på, eller för att få inspiration från, när ni själva skapar er faktura mall. Observera att denna på intet sett är fullständig.
Klistra in denna kod 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://delegia.com/app/Data/ProjectImages/18269/Logga_Delegia.jpg" style="width: 300px;" /></td>
<td colspan="2" style="width: 100mm; height: 19mm; text-align: right;">
<h1 id="invoiceText">Faktura</h1>
</td>
</tr>
<tr>
<td colspan="2" style="width: 85mm; height: 19mm;">
<h2 id="projectText">Eventnamn</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 style="width: 42.5mm; height: auto;">
<p><strong>Vår referens</strong><br />
Förnamn Efternamn</p>
</td>
<td style="width: 42.5mm; height: auto;">
<p><strong>Er referens</strong><br />
[YourRef]</p>
</td>
<td style="width: 50mm; height: auto;">
<p><strong>Betalningsvillkor</strong><br />
[PaymentOption] dagar</p>
</td>
<td style="width: 50mm; height: auto;">
<p><strong>Förfallodatum</strong><br />
[DueDate]</p>
</td>
</tr>
<tr class="row">
<td colspan="2" style="width: 85mm; height: auto;">
<p><strong>OCR</strong>(uppge detta vid betalning):<br />
[OCR]</p>
</td>
<td style="width: 50mm; height: auto;">
<p><strong>Faktureref.</strong><br />
[CompanyAddress2]</p>
</td>
<td style="width: 50mm; height: auto;">
<p><strong>Fakturadatum</strong><br />
[InvoiceDate]</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 Med 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] kr</td>
<td align="right">[RowRebate] kr</td>
<td align="right">[RowAmount2] kr</td>
<td align="right">[RowVat] kr</td>
<td align="right">[RowQuantity] st</td>
<td align="right">[RowTotal] kr</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="5"> </td>
<td align="right" class="descriptionTotal">Total:</td>
<td align="right" class="descriptionTotal">[GrandTotal] kr</td>
</tr>
<tr>
<td colspan="5"> </td>
<td align="right" class="descriptionTotal">Varav moms:</td>
<td align="right" class="descriptionTotal">[TotalVat] kr</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="row">
<td colspan="4" style="width: 185mm; height: auto;">
<p>Efter förfallodagen, debiteras en årlig dröjsmålsränta med 10%.</p>
<p>Vid frågor om fakturan kontakta info@delegia.se</p>
<p><strong>IBAN no:</strong> SE 16 8000 0832 7997 4618 7179<br />
<strong>BIC/Swift-adress:</strong> SWEDSESS<br />
<strong>Momsregistreringsnr / Vat no:</strong> SE556632236701</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 />
305-1091</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 />
Upplagsv. 1<br />
117 43 Stockholm</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
Last updated: 2023-11-22 15:57:37 http://helpcenter.delegia.com/Home/Index/265