Handleiding publishtool

Stylesheet voor pdf

Als de pdf gegenereerd wordt worden in principe alle stylesheets die ook voor de website gelden meegenomen. Uitzondering zijn stylesheets waarvoor media screen is gekozen. De pdf ondersteund niet alle standaard CSS waarden en in sommige gevallen worden een aantal eigenschappen anders geïnterpreteerd.

In het stylesheet voor de pdf kun je de opmaak voor de inhoudsopgave aanpassen en bepalen wanneer een nieuwe pagina moet beginnen. Je kunt ook afwijken van de vormgeving van de website door een apart stylesheet aan te maken voor de pdf. Je maakt een apart stylesheet aan voor de pdf door bij "media" voor print te kiezen. Er zijn een paar speciale classes beschikbaar om de pdf vorm te geven. Hieronder een opsomming van deze classes:

• section_after: Met deze class kun je ervoor zorgen dat elk hoofdstuk op een nieuwe pagina begint. vb.: .section_after { page-break-before: always; }
• pageNr: Met deze class kun je de stijl van het pagina nummer onderaan de pagina aanpassen. vb.: p.pageNr { text-align:center; }
• toc_title: Hiermee kun je de vormgeving van de kop boven de inhoudsopgave aanpassen. vb.: .toc_title { font-size: 16pt; font-weight:bold; }
• mpdf_toc_level_n met n is 0 tm 2 is de tekst van een bepaald niveau. vb.: .mpdf_toc_level_0 { font-size: 14pt; font-weight:normal; }
• span.mpdf_toc_t_level_n met n is 0 tm 2 zijn de titels in de inhoudsopgave.
• span.mpdf_toc_p_level_0 met n is 0 tm 2 zijn de pagina nummers in de inhoudsopgave.

De standaard titel pagina heeft als id titlepage, hieraan kun je bijv. een achtergrond afbeelding koppelen> verder kun je een titel, sub titel en auteur plaatsen. Een voorbeeld stylesheet ziet er dan als volgt uit:

#titlepage {

background-image: url('../images/omslag.jpg');

background-repeat: no-repeat;

border:1px solid #ff0000;

}

#titlepage h4.title {

padding-top:230px;

padding-left:20px;

color:#ffffff;

text-align: left;

}

#titlepage h4.subtitle {

padding-top:20px;

padding-left:20px;

text-align:left;

}

#titlepage h4.auteur {

padding-top:400px;

padding-left:20px;

text-align:right;

vertical-align:bottom;

}

Om ervoor te zorgen dat de titelpagina geen marges krijgt. De inhoudsopgave wel en de pagina nummering begint bij de eerste content sectie:

@page {

margin: 0px;

margin-header: 0mm;

margin-footer: 0mm;

odd-footer-name: _blank;

even-footer-name: _blank;

}

@page toc {

margin-left: 10mm;

margin-right: 10mm;

margin-top: 10mm;

margin-bottom: 10mm;

}

@page section {

margin: 10mm;

}