Hoe verander je je muisaanwijzer op je website?

Je zal het wel al gezien hebben, op sommige websites ziet de cursor er ineens helemaal anders uit. Zo geef je je website meer persoonlijkheid.

Hoe doe je dat?

Dat is heel eenvoudig. Gewoon een paar regeltjes CSS én een simpele .cur-bestand. Als je even op google zoekt vind je wel een leuke.

Heb je er één? Open nu je html-document en plaats tussen de head-tags het volgende:

<style type="text/css">
body {
cursor: url("image/gevonden.cur");
}
</style>

Opgelet! Vergeet niet je bestandje “gevonden.cur” ook online te zetten. Hier in dit voorbeeld onder de map image.

Indien je deze cursor op alle pagina’s van je website wil, kan je dit best in de CSS zetten en een link van de css in je html-bestanden.

body {
cursor: url("image/gevonden.cur");
}