Muisaanwijzer in CSS veranderen

Als je op sommige websites terecht komt, dan ziet je cursor er ineens anders uit. Op deze manier kan je jouw site een meer persoonlijk karakter geven. Zo kan je bijvoorbeeld een cursor gebruiken die meer past bij je design. Dit kan je heel makkelijk bereiken met een paar regeltjes CSS én een simpele .cur-bestand.

Eerst en vooral zorg je dat je een eigen cursor hebt. Door een kleine zoektocht op Google vind je al gauw een leuke cursor. Nu moet je het gedownloade .cur-bestand (dit is je cursor) uploaden. In CSS voeg je nu het volgende toe:

body {
cursor: url("voorbeeld.cur");
}

Het enige wat je dan nog moet doen is hetgene tussen url veranderen naar de naam van je .cur-bestand. Dit kan ook tussen de head-tags van je html-document:

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

• Tags: body, CSS, cursor, style
• Geplaatst op 13/02/2009 door Jeroen Heymans
• Geplaatst in CSS
• 3,041 views
• Reageren?

• ← Overzicht van hardware maken in Ubuntu
• Zoeken ander formaat Google Afbeeldingen →