Documentatie
difficulty level:
Configuratie - Templates - Template Secties
Vorlagenblöcke - Beispiele - Engine WKHTML
In PDF-Vorlagen können Blöcke (Vorlagenabschnitte) mit festen Informationen aufgenommen werden. Denken Sie an eine Fußzeile (Footer) mit beispielsweise Seitenzahlen oder eine Kopfzeile (Header). Nachstehend finden Sie Beispiele für solche Blöcke.
Wenn es erforderlich ist, einen head- oder css-Block einzustellen: Der Inhalt der "head"- und "css"-Blöcke besitzt selbst einen vollständigen HTML-Aufbau; der Inhalt des <head>-Containers wird entfernt und innerhalb der <head>-Tags der neuen Body-HTML eingefügt und muss valide sein.
Der Header und der Footer müssen mit dem <!DOCTYPE html> beginnen
Header
Ein Header mit Logo:
Mit dem oberen und unteren Rand (margin) geben Sie an, wie viel Platz der Header erhält; bei einem Rand von 0 ist er also nicht sichtbar!
Die Verwendung von beispielsweise 35 ergibt meist einen gut lesbaren Header.
Die Verwendung von beispielsweise 35 ergibt meist einen gut lesbaren Header.
<!DOCTYPE html> <HTML> <HEAD> </HEAD> <BODY style="margin: 0 0 0 0; border:0;"> <table border="0" width="100%"> <tbody> <tr> <td> <div style="margin-top:0; margin-bottom:0px;"><img alt="" src="https://klant.i-reserve.net/user/media/klant/images/BWP%20LOGO%202019/BWP_LOGO.jpg" style="width: 1260px;" /></div> </td> </tr> </tbody> </table> </BODY> </HTML>
Footer
Ein Footer mit Seitennummerierung:
Mit dem oberen und unteren Rand (margin) geben Sie an, wie viel Platz der Footer erhält; bei einem Rand von 0 ist er also nicht sichtbar!
Die Verwendung von beispielsweise 35 ergibt meist einen gut lesbaren Footer.
Die Verwendung von beispielsweise 35 ergibt meist einen gut lesbaren Footer.
<!DOCTYPE html>
<HTML>
<HEAD>
<script>
function subst() {
var vars = {};
var x = document.location.search.substring(1).split('&');
for (var i in x) {
var z = x[i].split('=', 2);
vars[z[0]] = unescape(z[1]);
}
var x = ['frompage', 'topage', 'page', 'webpage', 'section', 'subsection', 'subsubsection'];
for (var i in x) {
var y = document.getElementsByClassName(x[i]);
for (var j = 0; j < y.length; ++j) y[j].textContent = vars[x[i]];
}
}
</script>
</HEAD>
<BODY style="margin: 0 0 0 0; border:0;" onload="subst()">
<div style="text-align:center; font-size: 16px; color: #AAAAAA; width:2100px;"> Pagina <span class="page"></span> van <span class="topage"></span> </div>
</BODY>
</HTML>
CSS
Ein Block mit CSS:
<html>
<head>
<!-- voorbeeld CSS Styles dienen altijd met een style tag te starten en afgesloten te worden. -->
<style>
hr {
color: sienna;
}
p {
margin-left: 20px;
}
body {
background-image: url("images/back40.gif");
}
</style>
</head>
<body>
</body>
</html>
HEAD
Ein Block mit HTML-HEAD-Inhalt:
<html> <head> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> </head> <body> </body> </html>
Diese Seite basiert auf der Engine WKHTMLPDF
