• Modifier le lien "commentaires"

    C'est une question récurrente sur le forum Eklablog: Comment modifier cette petite ligne ? Comment la déplacer ? Peut-on changer son image ? etc.

    Bref, vous l'avez compris, je vais essayer, avec ce tuto, de répondre à vos interrogations.

    Tout d'abord, et comme toujours, il faut que le javascript soit activé sur votre compte. Si ce n'est pas le cas, faites la demande au support.

    Changer le texte

    Dans le code ci-dessous, on va remplacer le texte "commentaire" par "impression" tout en gardant l'icône ainsi que le nombre de commentaires.

    Tout cela vous paraît être du chinois ? En fait ce n'est pas si compliqué que cela.

    Le script commence par inventorier tous les liens de la page et cherche ceux qui contiennent "comments" dans le lien (ce sont ceux qui nous intéressent). Il vérifie ensuite que le texte associé au lien contient le mot "commentaire".

    Lorsqu'un lien correspond à ces deux critères, on sauvegarde l'icône (var im=acom.firstChild;), on remplace le mot commentaire par impression puis on réinjecte l'image en première position. Entre temps on rajoute la classe lignecom au lien qui nous permettra d'y accéder plus facilement grâce au CSS (voir plus bas)

    Maintenant vous vous dites: Oui mais moi je veux l'image après le texte. Comment on fait m'sieur ?

    Pour cela, remplacez simplement 'top' par 'bottom' à la ligne 17. C'est tout.

    Finaliser avec du CSS

    Voilà, votre texte est changé. Maintenant vous voulez supprimer l'icone par défaut, ajouter votre propre icone et déplacer la ligne.

    Le code CSS ci-dessous fait ces trois opérations:

    Voilà, vous avez tous les éléments en main pour modifier cette fameuse ligne commentaires.