accueil navigation contenu

Delavy for the Web

Reflexions bilingues pour améliorer le Web

Version FrançaiseEnglish Version

Un curseur pour différentier les liens externes

vendredi 10 juillet 2009 [19:44:17]

exemple du curseur sur un lien normal et un externe

Voici un curseur pour différentier les liens externes d'un site, plus clair qu'une mise en forme différente, plus visuel qu'une précision dans le titre, et moins encombrant qu'une icône à côté.

This article is available in an English version.

Pour sélectionner les liens externes, pas besoin de leur ajouter rel="external". Lachlan Hunt propose une astuce qui fonctionne avec tous les navigateurs modernes. Je l'ai séparé en 2 parties pour que le code soit valide.

Ici je sélectionne les liens commençant par http:// ou https, et leur met le curseur. Puis j'annule la règle si le lien commence par l'adresse de mon site.

a[href^="https://"],
a[href^="http://"]{
	cursor:url("external.cur"), default;
}
a[href^="http://delavy.hyperficiel.com"]{
	cursor:pointer;
}

Voici le curseur au format png (5ko) , et le fichier psd (26ko) pour ceux qui voudraient le modifier. A défaut de connaître la licence du curseur utilisé, ma création est dans le domaine public.

Textes, images et design : Copyright © 2008 - 2009 Delaby Pierre.
Copyleft : cette oeuvre est libre, vous pouvez la redistribuer et/ou la modifier selon les termes de la Licence Art Libre. Vous trouverez un exemplaire de cette Licence sur le site Copyleft Attitude www.artlibre.org ainsi que sur d'autres sites.
Icons par Mark James sous Creative Commons | Tous les Crédits et Attributions.

Généré avec Logz : http://www.logz.org | Hebergé par Provisoire.fr | Copyleft Licence Art Libre | Vrs ?, Vxl ? | site map