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.

lien permanent

Un plugin pour créer un modèle pour le Logz.

jeudi 2 juillet 2009 [12:56:08]

Capture d'ecran du plugin

Voici un plugin pour créer facilement un modèle pour un Logz : choisissez la disposition des colonnes puis remplissez les à votre guise.

Il suffira ensuite d'afficher le code, et de le copier coller dans un nouveau modèle (pour créer un modèle, cliquez sur l'icône de duplication à partir de n'importe lequel, donnez lui un nom, il apparaît ensuite avec les modèles personnels). Téléchargez creer_modele.zip (25ko, Copyleft Licence Art Libre)

This article is available in an English version.

Pour l'installer, il suffit de mettre les fichiers dans le dossier "plugins" (nécessite d'avoir un accès ftp aux répertoires du logz). Il y a le plugin en lui même : gest_creer_modele.php, et un dossier creer_modele qui contient la feuille de style et les images nécessaires au bon fonctionnement du plugin. Une fois mis au bon endroit, il apparaîtra en tant qu'onglet dans l'interface de gestion.

Selon votre version du logz, il peut y avoir des problèmes de compatibilité :

  • J'ai fait un modèle avec l'agenda, mais celui-ci ne s'affiche pas (version antérieure à 1.4.2) : il vous manque la variable $AgendaSeul. Allez dans le dossier "scripts", puis éditez le fichier "cal_agenda.php". À la fin du document, rajoutez la ligne "$AgendaSeul = div($Agenda,"agenda");" juste avant "/*** remplissage de la variable agenda ***/".
  • Je suis dans l'onglet "creer_modele" et il n'y a rien (version antérieure à 1.4.0) : c'est peut être dû à la ligne 13, "if (!isset($GestionOn)) exit;", supprimez là. Si cela ne fonctionne pas, la meilleur chose à faire et de mettre votre Logz à jour (vous n'y perdez rien il est de mieux en mieux).

J'ai créé cet outil pasque j'avais du mal avec les "cal_droite" et "spl_agend", je me suis dit que la façon plus simple de choisir un modèle était de le créer soi. J'espère qu'il va bien vous servir !

lien permanent

Pour un bon affichage de hreflang

samedi 13 juin 2009 [16:33:30]

Voici une méthode CSS pour afficher la langue cible d'un lien (l'attribut hreflang) à côté de celui-ci. Cette langue cible est une information essentielle, surtout quand elle est différente du texte qui contient le lien. On peut l'afficher en "contenu généré par CSS", avec une combinaison de règle qui offre une méthode très souple qui prend en compte de nombreux cas de figure. Vous pouvez retrouver ce style sur userstyle.org.

La suite de l'article

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