Distinguer les liens qui n'en sont pas
Posted Sunday, May 14, 2006
Filed under: CSS, Goodies, Standards and usability
Utiliser un navigateur moderne (tel que Firefox pour ne pas le citer) vous permet de profiter des sélecteurs de CSS dernière mouture.
Profitez-en pour savoir sur quoi vous cliquez.
En insérant le code suivant dans vos préférences utilisateur, vous obligerez Firefox à les appliquer en toutes circonstances, y compris quand l'auteur d'un site a déjà définit un autre comportement. A vous de voir si cela interfère avec vos habitudes de navigation...
:visited:after{content: "\00A0\2713" ! important; font-size: 65%}
*[href^="javascript"],*[onclick]{cursor: ne-resize ! important}
*[target="_blank"],*[target="_new"]{cursor: e-resize ! important}
Voici ce que ça donne :
- Une fois visité, ce lien devrait avoir une coche
- Ce lien devrait changer le curseur en flèche horizontale lorsqu'il est survolé
- Ce lien devrait changer le curseur en flèche de redimensionnement
Vous devrez localiser le dossier "chrome" utilisé par firefox. Celui-ci ne se trouve pas au même endroit suivant que vous utilisez Mac, windows, linux... Faites une recherche portant sur "userContent-example.css" et vous devriez le trouver. Attention, si vous utilisez plus d'un profil il faudra répéter l'opération pour chacun de ces profils.
Ces quelques lignes de CSS méritent bien quelques explication.
Sur la première, nous définissons que : derrière tout élément pouvant avoir l'état visited sera accollé un espace suivi du signe racine carré à 65% de la taille de l'élément parent.
Sur les deux dernières lignes, nous sélectionnons tout élément ayant pour attribut target="_blank" ou _new et y associons un curseur montrant une flèche en biais (par défaut sur la plupart des systèmes) afin de signaler à l'utilisateur que le lien utilise un pseudo-protocole dans le premier cas, ou va tenter d'ouvrir une nouvelle fenêtre dans le deuxième.
A cause de target="_new", cette page n'est pas du xhtml valide. Ne cherchez pas à la valider!
Dernier point: si vous visitez ce site avec IE, les liens de démonstration ci-dessus ne feront rien, strictement et définitivement rien. Quand on vous dit que cette passoire est une vieille poubelle, c'est pas pour rien!
Comments disabled because of spammers.
comment #1 On 15/05, Fetard wrote :
Ca marche directement là, c normal?