contact us

Use the form on the right to contact us.

You can edit the text in this area, and change where the contact form on the right submits to, by entering edit mode using the modes on the bottom right.

St. Peter Hauptstraße 8
8042 Graz

Videobasierte E-Learnings von sind der Schlüssel zu kosteneffizienter Mitarbeiter-Ausbildung. Ihre MitarbeiterInnen trainieren zeit- und ortsunabhängig.

Zudem können Sie videobasierte E-Learnings von ganz einfach in Ihr Lernmanagementsystem (LMS) integrieren. Dies garantiert der SCORM-Standard, in welchem die Trainings produziert werden.

English Blog

How to make custom buttons for your e-learning course?

Most authoring tools, which are used to create e-learning courses, such as web-based trainings or video-based e-learnings, offer pre-defined buttons, which you can use and change color, shape etc. But how can you act, if you are not using an authoring tool, but a content management system or your e-learning course has the character of a website? Or do you want to create an individual button for your learning management system? Then you can use HTML and CSS. If you are using a content management system, you can insert your code of HTML- and CSS-elements through a block. But even some content management systems already offer pre-defined buttons.

If you would like to create an individual button, you can do this through a link. The HTML-element, which you would have to integrate into the <body> block of your site, would then, for example, look like this:

Please do not forget to reference to your CSS-file in the HTML-code. Therefore, you have to integrate the following code into your <head> block:

After that you can customize your link as a button via CSS. In some content management systems, it is necessary to integrate the CSS-code into the HTML-element. To do this, you can pack your CSS-code into the following element:

<style> …. </style>

Then, for example, your CSS-code could look like this:

The hover ensures that your button will look different, if your learner is moving the mouse pointer over it. Specially, the code elements mean the following:

  • background-color: color of the background
  • border: type of border
  • border-radius: radius of the border
  • color: text color
  • padding: space around the text
  • text-align: alignment of the text
  • text-decoration: text design
  • display: type of box
  • font-size: text size
  • font-family: text font
  • margin: white space between elements
  • cursor: appearance of the mouse cursor


Of course, there are much more possibilities available to customize an individual button via HTML and CSS. As a HTML- and CSS-beginner the method through a link acts very well. But if you want to use more advanced HTML- and CSS-codes, just search the net. Here you will certainly find something suitable to you.




English Webinar
Webinar on Demand


English Blog
Blog Archiv