BRL 9500-certificering

DVTadvies B.V. is BRL 9500 gecertificeerd voor het inspecteren van de energieprestatie van gebouwen en de advisering voor verduurzaming van de gebouwen. Via onderstaande links is het mogelijk om onze certificaten hiervoor te bekijken.

De buttons hierboven gaan fout bij smalle vensters. Irritant Voor dit doel vind ik ze ook wat te nadrukkelijk. Hieronder de simpele variant.

• BRL 9500 Maatwerkadvies utiliteitsgebouwen (pdf)
• BRL 9500-U Energieprestatie-rapport utiliteitsgebouwen (pdf)

Ik kan helaas nog geen mooiere functies vinden voor downloads van pdf’s. Liefst icon + klikbare link.

Er lijken geen standaard blokken die in de buurt komen van wat ik zou willen. De “Iconen lijst” (voorbeeldje hieronder) komt wel in de buurt qua lay-out, maar die heeft een kop + een beschrijving, en in beide velden kun je geen hyperlinks opnemen. Erg jammer.

Titel van een "Iconen lijst"

Beschrijving van de Ionen lijst, maar helaas geen mogelijkheid tot een hyperlink.

Hieronder nog een paar pogingen, maar ik vind ze niet echt mooi en veel te weinig of zelfs geen controlemogelijkheden.

Het witte blokje hieronder gaat via Block “File“. Daarbij zijn vrijwel geen opmaakmogelijkheden, zoals Font Size en kleur van de knop (standaard WordPress?) Misschien kan ik dit via eigen CSS wel wat aanpassen, maar echt mooi vind ik het sowieso niet en ik zoek eigenlijk iets met een eigen icon.

Hieronder een voorbeeld via Block “Media & Text“. Helaas kan de icon niet kleiner, want de afbeelding heeft een ondergrens van 15% van de regelbreedte. Kennelijk standaard WordPress, heel jammer. Misschien wel aan te passen met eigen CSS?

BRL 9500 Maatwerkadvies utiliteitsgebouwen

RL 9500-U Energieprestatie-rapport utiliteitsgebouwen

Hieronder een nieuwe test met een svg-icon via Extra CSS. Dit werkt wel zoals ik bedoelde! Al zie je het niet tijdens het bewerken, maar dat gebeurt ook niet met andere CSS-tricks zoals rondehoekjes.

Ik denk dat deze dus wel heel aardig is en heel eenvoudig. Via CSS heb ik volle controle over de icon en grootte van tekst etc. Wel per gewenst plaatje een aparte class aanmaken, maar ik denk dat we er niet veel nodig hebben. Het idee ging om download van een pdf.

Ik heb nu twee classes gemaakt.

• dvt-icon: Algemeen om een icon voor de tekst te plaatsen, met CSS-code voor inspringen en controle dat bij smalle vensters de tweede tekstregel niet onder de icon komt, maar mooi onder de eerste tekstregel.
• icon-download: Voor het selecteren van de specifieke download-icon. Deze opsplitsing in twee classes houdt het flexibeler om bij andere situaties makkelijker een andere svg te selecteren.

Deze twee classes moet je dus bij de hyperlink toevoegen via: Advanced > Additional CSS class(es): dvt-icon icon-download

BRL 9500 Maatwerkadvies utiliteitsgebouwen

BRL 9500-U Energieprestatie-rapport utiliteitsgebouwen