Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Sur le site WebDesignWall, sur la plage des commentaires, quand on passe la souris sur le nom du visiteur "commentateur", l'url de son site s'affiche en toute lettre et reste cliquable.
Je ne sais pas comment il a procédé pour le faire, je pense avoir trouvé un début de réponse sur Css Tricks où un exemple sur une adresse mail est appliqué.
En essayant de l'appliquer sur Dotclear (par exemple sur le thème par défaut) :
#comments dt a:hover:after { content: " > "; {{tpl:CommentAuthorLink}} }
Je pense que la balise {{tpl:CommentAuthorLink}} n'est pas la bonne à insérer dans une feuille CSS. Mais laquelle ?
Une idée, une piste ?
Hors ligne
{{tpl:CommentAuthorLink}} est une fonction de template, elle ne sera pas interprêtée dans les feuilles de style. As-tu essayé avec
{ content: " > " attr(title); }
?
- les règles du forum : http://forum.dotclear.net/viewtopic.php?id=39494
- la galaxie de Dotclear 2 : http://fr.dotclear.org/documentation/2.0/links
Hors ligne
@Moé : Testé. Ça ne donne rien.
Hors ligne
Si tu as le thème par défaut tu peux utiliser ça :
#comments dt a:hover:after { content: " > " attr(href); }
Merci de nous avoir fait découvrir ça.
- les règles du forum : http://forum.dotclear.net/viewtopic.php?id=39494
- la galaxie de Dotclear 2 : http://fr.dotclear.org/documentation/2.0/links
Hors ligne
Je me permets de tester quelques petits choses sur le thème par défaut pour que ça soit plus facile pour en parler sur le forum (bien évidemment je me prépare un thème perso). J'étais intriqué par cette trouvaille sur ce magnifique site qu'est WebdesignWall (d'ailleurs d'autres belles trouvailles se glissent sur son site et son applicable sur Dotclear ou tout autre CMS).
Ta ligne de code CSS marche c'est joli ! Je la modifierai plutôt dans sa nomination par :
* dans le fichier style.css
.comments-site a:hover:after { content: " > " attr(href); }
* et de remplacer (dans le fichier post.html) :
{{tpl:lang by}} {{tpl:CommentAuthorLink}}</dt>
par :
{{tpl:lang by}} <span class="comments-site">{{tpl:CommentAuthorLink}}</span></dt>
Sinon le code cité par Moe s'applique aussi sur le lien du numéro de commentaire. Ce n'est qu'un détail.
Merci de ton aide Moe.
Hors ligne
... je m'y suis pas penché (vu que j'ai dû mal à me remettre à Dotclear 1) mais je pense que cela peux s'appliquer facilement à son petit frère Dotclear 1.
... et la ligne de code est simple, on peut la personnaliser encore plus (police, taille, couleur,...).
Hors ligne
Vous n'êtes pas identifié(e).