CSS: utiliser une image comme curseur!

Il est possible en jouant avec le CSS de remplacer le curseur de la souris de l’internaute par une image. Cette substitution de curseur n’est pas toujours très heureuse. Les utilisateurs peuvent en effet être quelque peu décontenancés par ce remplacement de leur habituel flèche mais il est peut être de savoir que ce changement de curseur est possible.

Dans cet exemple, le curseur de la page est remplacé par une image avec la propriété cursor. Le premier attribut indique l’url de l’image servant de curseur, « 0,0 » permet de configurer le point chaud (haut,gauche) et auto permet d’indiquer au navigateur quel curseur utilisé si notre image est indisponible.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
	<head>
	<style>
	<title>Changement de curseur</title>
		body{
			cursor: url(chatcurseur.gif) 0 0, auto;
		}
	</style>
	</head>
	<body>
		Changement de curseur.
	</body>
</html> 

la page de démo, plus d’infos: http://www.w3schools.com/cssref/pr_class_cursor.asp

Publié dans CSS

quand j’aurai le temps

  • les filtres wordpress
  • plugin wordpress et enregistrement de données
  • les wordpress custom post type
  • la bdd d'un blog wordpress
  • la balise more de wp
  • personnaliser une galerie wp
  • gérer les longueurs des extraits de wp
  • les animations css3
  • le memento symphony2
  • le squelette d'une page html5
  • liste sur plusieurs colonnes
  • le responsive design
  • exemple d'un jeu basique en html5
  • la réplication des bases de données
  • mettre en place une architecture en silo avec wp
  • parser un fichier xml (donc un rss) avec php5
  • mettre en place lightbox sans plugin
  • améliorer les performances de son wp
  • ajouter un bouton à l'éditeur de texte de wp
  • ...