De stylesheet

De opmaak van je hele document (bijvoorbeeld van paragraaf, koppen en tabellen) kun je in één keer voor alle document templates vastleggen met behulp van een stylesheet. Een stylesheet is een document met code waarin zaken zoals kleur, lettertypen, font formaat, wel of niet dik gedrukt staan ingesteld
  1. De stylesheet(s) vind je via menu 'Beheer' (1) en menu-item 'Stylesheets' (2). 
  2. Klik je op menu-item 'Stylesheets'? Dan wordt het zoekscherm (3) met gemaakte stylesheets geopend.

De inhoud van de stylesheet staat in CSS (Cascading Style Sheets) geschreven, een van de vele programmeertalen die er zijn.
We snappen dat dit geen gesneden koek voor je is. Daarom hebben wij alvast een standaard versie voor je klaar gezet en hieronder uitgelegd zodat je dit eenvoudig zelf kunt bewerken.

Let op: Voor document templates gemaakt met de nieuwe editor heb je een apart stylesheet nodig, de stylesheets voor document templates gemaakt met de oude editor zijn anders ingericht. Ga je beginnen met het werken in de nieuwe editor? Zorg er dan eerst voor dat je het stylesheet voor de nieuwe editor "Default3.0" opent en de opmaak goed zet. De waardes kun je overnemen uit stylesheet editor 2.

Hieronder leggen we je de verschillende secties uit.




Tekst voor het gehele document.


In de stylesheet van de oude editor werd de opmaak van lettertypes vastgelegd op een plaats. Hierdoor was het moeilijk om meerdere lettertypes te gebruiken. In de nieuwe editor kan je voor paragrafen, titels, etc. verschillende waarden definiëren. Hierdoor kan je makkelijk variëren in bijvoorbeeld lettertypes, fontformaat en kleur. Controleer of de lettertypen en het formaat overeenkomt tussen beide stylesheets
Oude editor
Nieuwe editor Sectie is niet nodig. Opmaak van lettertypes, kleur, etc wordt vastgelegd in de secties hieronder (paragraaf en koppen). Heb je in editor 2 afwijkende waardes ingevuld, zorg dan dus dat deze afwijkende waardes ook in de koppen hieronder verwerkt worden.


Paragraaf tekst


De paragraaftekst wordt iets anders gedefinieerd in de nieuwe editor. De font-family (lettertypen) en font-size blijven gelijk. Color (de kleur van je tekst) wordt met een andere kleurcode aangegeven. Voorheen via RGB en nu via Hex. Heeft jouw organisatie een huisstijl vastgelegd? Dan vind je de HEX-kleur hierin terug. Heb je alleen een RGB-kleur? Dan zet je deze via deze link om naar HEX.
Oude editorAfwijkend van wat je hierboven hebt ingevuld.
Nieuwe editor 


Koppen 1 tot en met 4.


Zoals je misschien wel weet kan je met HTML (de code van je document templates) verschillende koppen definiëren. H1 is de belangrijkste en H5 het minst. In je stylesheets kan je alle koppen een aparte opmaak geven. Erg makkelijk om hiërarchie in je koppen aan te brengen. Zoals je hieronder ziet verschillen de stylesheet van de oude en de nieuwe editor. Je moet bij alle koppen de nieuwe stylesheet apart de font-family definiëren. Deze staat bij de oude editor in de "body" tag. Ook hier werkt de tekstkleur weer met HEX in plaats van RGB. 
Oude editorAanpassen van de koppen 1 tot en met 4:
Nieuwe editor 


Opsommingstekens en nummering.


Ook opsommingen en nummering zijn veranderd in de nieuwe editor. Waar de oude editor marges in één parameter vastlegde, legt de nieuwe editor ze in 2 losse vast. Dit zie je in het voorbeeld uit het stylesheet hieronder. Hier voor je zelf de gewenste marges in die je wilt hanteren voor je lijsten. 
Oude editor
Opsommingstekens en nummering:

Nieuwe editor


Tabel.

Ook tabellen werken iets anders. Zo moet je de rand voor alle kanten los definiëren weer met HEX-kleuren. Dit geld ook weer voor tekst- en achtergrond kleur. De hoogte blijft in de nieuwe stylesheet op auto staan, aangezien je dit in de editor zelf aanpast.
Oude editor
Tabelopmaak:
Nieuwe editor