Les bricoles du web - Tag - Programmation

Dotclear - Personnaliser l'affichage de derniers commentaires

Sacha — Sat, 15 Sep 2007 19:39:00 +0200

Dcom, c permet de personnaliser l'affichage du widget Derniers commentaires. Si vous êtes intéressés, voici le paquetage d'installation et la documentation.

Je dévoile ici quelques exemples d'utilisation.

Astuce : afficher le contenu du commentaire dans des infobulles

Méthode 1 : attribut title de la balise HTML a

On peut ajouter un titre au lien vers le commentaire, c'est alors le navigateur qui se chargera d'afficher l'infobulle. C'est une bonne méthode, simple et correcte. On peut utiliser le format d'affichage suivant :

<a href="%5$s" title="%4$s">%2$s - %3$s<br/>%1$s</a>

Méthode 2 : créer notre propre infobulle en CSS

La méthode précédente a quelques inconvénients : la plupart des navigateurs coupent les attributs title trop longs et l'apparence de cette infobulle ne peut pas être personnalisée.

Le site PêUR propose cette méthode en trois étapes :

Choisissez ou créez l'image correspondante à la mise en forme de votre infobulle et placez-la dans le dossier de votre thème sous le nom infobulle.gif.
Modifiez la feuille de style de votre thème (via le fichier custom.css s'il existe) en y ajoutant le code suivant :

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}

La dernière étape consiste à utiliser le format d'affichage suivant dans le widget Dcom :

<a href="%5$s" class="tooltip"><strong>%3$s</strong> - %2$s<em><span></span>%4$s</em></a>

Développeurs web, simplifiez-vous la vie avec Firebug

Sacha — Tue, 14 Aug 2007 21:12:00 +0200

Ma passion est le développement des applications web interactives. Pour pratiquer sérieusement ce genre de développement, il est nécessaire de bien maîtriser plusieurs technologies différentes qui évoluent très rapidement dans le temps. Et comme les technologies évoluent plus rapidement que les outils les utilisant, ça devient un véritable casse-tête pour savoir, par exemple, si une telle ou telle fonctionnalité sera compatible avec les principaux navigateurs web utilisés aujourd'hui. Et outre la compatibilité entre les navigateurs, il ne faut pas se fier entièrement à la nouvelle technologie en prévoyant toujours une solution de repli pour que votre application web soit accessible à tout le monde (dont handicapés). Et si à cela on ajoute des contraintes telles que la réalisation d'un plugin pour une application web déjà existante, il devient inévitable de bidouiller et tricher par tous les moyens pour réaliser enfin l'application web (presque) idéale.

Bref, vous l'avez compris, être un bon développeur web aujourd'hui - c'est avoir beaucoup de compétences, savoir se former seul pour suivre l'évolution de la technologie et être assez débrouillard pour savoir faire (presque) l'impossible.

Et qu'est ce qu'il serait bon que je vous raconte ici le secret d'une solution miracle ! Mais il ne faut pas m'en demander trop. Je ne suis pas encore un magicien. Par contre il existe une extension pour Firefox, qui s'appelle Firebug et qui permet de vérifier le bon fonctionnement de vos applications web facilement. Contrairement aux autres applications de ce type, Firebug ne se limite pas au JavaScript, il s'intègre dans le navigateur même (Firefox), permet d'évaluer les performances de l'application en mesurant le temps de chargement de différents éléments, il intègre un visualisateur de fichiers source (avec coloration syntaxique) pour le HTML, le CSS et les scripts, il montre les en-têtes HTTP envoyés et reçues par le serveur, il peut inspecter la structure DOM du document et le tout avec une interface très agréable. Bref, ce n'est rien d'autre qu'un paradis pour les développeurs web qui facilitera bien la tâche.

Il n'y a pas encore beaucoup de publications au sujet de Firebug en français, mais son utilisation est simple et intuitive, l'interface étant très facile à comprendre. En tout cas moi, j'étais bien content de pouvoir visualiser toute la routine interne (même les requêtes XMLHttpRequest en Ajax) de ce que faisait mon plugin Not Evil Ads pour Dotclear, que vous pourrez découvrir prochainement.

Dotclear - Changer le mot de passe administrateur

Sacha — Wed, 08 Aug 2007 09:47:00 +0200

Vous avez oublié votre mot de passe administrateur de votre blog Dotclear 2. Vous ne pouvez plus le changer parce que votre serveur ne peut pas vous envoyer de mail ou alors parce que vous avez saisi une adresse e-mail incorrecte !

Ça y est, c'est la catastrophe

Pas de panique

Il n'y a pas de quoi s'inquiéter, nous avons le hack pour débloquer la situation. C'est simple et rapide, il n'y a rien à bidouiller.

Tout réparer en deux minutes

Téléchargez votre fichier passwd.php^[1]
Transférez-le dans le dossier admin/ de votre installation Dotclear
Dans votre navigateur web favori, allez sur

http://votre-site.tld/votre-installation-dotclear/admin/passwd.php

C'est tout, il ne vous reste plus qu'à suivre les instructions affichées. Drôlement simple n'est-ce pas ?

N'oubliez pas de retirer le fichier passwd.php de votre serveur quand vous aurez fini.

P.-S. C'est Moe qui m'a donné l'idée de faire la chose dans ce forum. Vous pouvez également regarder le code source de ce script.

Notes

[1] Remarque : ce fichier passwd.php est généré automatiquement pour n'autoriser l'accès qu'à votre adresse IP. Éditez-le si votre adresse IP change.

Rendre la saisie de l'e-mail optionnelle dans Dotclear

Sacha — Thu, 19 Jul 2007 18:40:00 +0200

Certains visiteurs préfèrent ne pas saisir leur adresse e-mail quand ils commentent des blogs. Certains sont même allés jusqu'à prétendre que cela baisse le nombre de visites sur leur blog. Quoi qu'il en soit, si vos visiteurs se sentent gênés à l'idée de saisir leur adresse e-mail, vous remarquerez avec raison qu'il n'y pas d'option dans Dotclear permettant de désactiver la vérification de l'e-mail.

La raison ? La vérification d'email évite certains spams et idem pour la prévisualisation, répond-on sur le forum Dotclear. Mais Dotclear a déjà un système antispam intégré efficace qui fonctionne grâce aux champs cachés (peut-être sur l'idée de Ploum).

Télécharger Email Optionnel

Lien de téléchargement

Configuration

Pour désactiver la vérification de l'adresse e-mail dans les commentaires, il suffit d'aller sur la page Paramètres du blog et cocher la case correspondante à Adresse e-mail optionnelle.

Support

Si vous comprenez l'anglais, utilisez cet espace. Autrement, un commentaire si-dessous fera aussi bien l'affaire.