04. Course certificate with background picture
3 people found this article helpful
- Start by uploading the picture that is to be used as background picture:
- NOTE: If the background picture should cover A4 size, the picture must be 646x944 pixels.
- Click on the tab Library, then on Image gallery. Upload the picture to the gallery.
- Click on the tab Library again, and on New course certificate.
- You must insert the background picture in HTML code.
- Click on the button HTML. A new window will open. Put in the HTML-template - see underneath.
- Find the text "WRITE CORRECT NAME HERE.jpg" and replace it with the correct file name, so that it matches the file you uploaded to the Image Gallery.
- Click on Update and on Save.
- Finally, go to the course`s content page and add the course certificate to the course.
HTML template for inserting a background picture
<table style="background-image: url('getImage?img=WRITE CORRECT NAME HERE.jpg'); margin: 0pt auto; width: 616px; height: 900px;">
<tbody>
<tr>
<td>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> <strong><span style="font-size: xx-large;"><span style="font-size: x-large;">KURSBEVIS</span></span></strong><strong><span style="font-size: medium;"> </span></strong></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><strong><span style="font-size: medium;">#%user.firstname%# #%user.lastname%#</span></strong></p>
<p align="center"><span style="font-size: x-small;">Født: #%user.birthdate%#</span></p>
<p align="center"> </p>
<p align="center"><span style="font-size: small;"><strong> </strong></span><span style="font-size: small;">h</span><span style="font-size: small;">ar bestått kurset</span></p>
<p align="center"> </p>
<p align="center"><strong><span style="font-size: large;">#%course.name%#</span></strong></p>
<p align="center"> </p>
<p align="center"><span style="font-size: small;">Gjennomført: #%completion.completeddate%#</span></p>
</td>
</tr>
</tbody>
</table>
- No labels