HTML knippen & plakken
Voor het plaatsen van een button op de schoolwebsite is minimale kennis van html vereist. Je kunt dit als volgt doen: Kopieer de code van de gewenste button en plak deze op de gewenste plek in de html van de schoolwebsite.
Zie voorbeeldteksten bij een button die je op de schoolwebsite kunt gebruiken.
De positionering kun je afregelen door in de code het aantal pixels margin-left (-top, -right of -bottom) te wijzigen.
A. transparant
128 x 128 px
B. wit
128 x 128 px
C. blauw
128 x 128 px
D. transparant neutraal
157 x 137 px
Button A. transparant 128 x 128 px
<!-- begin button tso-assistent -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-transparant-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-transparant-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
Button B. wit 128 x 128 px
<!-- begin button tso-assistent -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-wit-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-wit-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
Button C. blauw 128 x 128 px
<!-- begin button tso-assistent -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-blauw-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-blauw-128.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="128" height="128" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
Button D. transparant 157 x 137 px
<!-- begin button tso-assistent -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-157x137.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="157" height="137" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
<a href="https://www.tso-assistent.net/" target="_blank"><img src="http://www.tso-assistent.nl/images/tsoknop-157x137.png" title="Inloggen of inschrijven voor het overblijven" alt="TSO-ASSISTENT" width="157" height="137" border="0" style="float:right; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px" /></a>
<!-- einde button -->
