[tips] Icône pour liens externes - Nekoblog.org :: Marque-pages
jeudi 10 juillet 2014 à 11:51 Sebsauvage, le 02/07/2014 à 13:01
Petite astuce (avec une seule ligne de CSS) pour mettre dans Shaarli une petite icône quand il s'agit d'un lien externe (c'est à dire qui ne pointe par sur Shaarli lui-même).
Vous pouvez voir le résultat là: http://links.nekoblog.org
(Permalink)
nekoblog, le 02/07/2014 à 14:09
Bon, rien de révolutionnaire, je me pose ça ici en cas d'une future MAJ de Shaarli qui écraserait la modif. Je suis feignant, j'aime bien les copier/coller. :)
Donc dans le fichier inc/shaarli.css, j'ai ajouté une ligne en dessous de la 234 pour y mettre :
.linktitle a[href^="http://"]:after, .linktitle a[href^="https://"]:after {content: url('../images/ico_ext_link.gif');margin: 0px 0px 0px 2px;}
Et évidemment, j'ai ajouté l'icône dans le dossier images.
EDIT : Le lien direct vers l'icône pour ceux que ça intéresserait : http://links.nekoblog.org/images/ico_ext_link.gif
(Permalink)
orangina-rouge, le 02/07/2014 à 18:31
Mais c'est génial ça ! Trop facile !
« Petite astuce (avec une seule ligne de CSS) pour mettre [...] une petite icône quand il s'agit d'un lien externe ».
Soit : «
Donc dans le fichier inc/shaarli.css, j'ai ajouté une ligne en dessous de la 234 pour y mettre :
.linktitle a[href^="http://"]:after, .linktitle a[href^="https://"]:after {content: url('../images/ico_ext_link.gif');margin: 0px 0px 0px 2px;}
Et évidemment, j'ai ajouté l'icône dans le dossier images.
EDIT : Le lien direct vers l'icône pour ceux que ça intéresserait : http://links.nekoblog.org/images/ico_ext_link.gif
»
via http://sebsauvage.net/links/?5GH0Hg
(Permalink)
Strak, le 02/07/2014 à 23:10
Cool, une astuce pour afficher une icône spécifique dans Shaarli lorsqu'un lien pointe à l'extérieur. Je coudise, merci!
Via du monde sur Shaarli.
(Permalink)
WebManiaK, le 03/07/2014 à 11:48
Une astuce sympa (pas seulement applicable à Shaarli) pour afficher une icône à côté des liens sortant d'un site web. C'est un peu comme dans les wikis où les liens internes sont normaux mais qu'une petite icône "planète" agrémente les liens sortant vers d'autres sites.
Via http://sebsauvage.net/links/?5GH0Hg
(Permalink)
Cochise, le 10/07/2014 à 11:51
Je note ici, car je voulais faire l'inverse et ça risque de m'aider (mettre une petite icône quand un liens pointe vers Shaarli lui-même).
via : http://sebsauvage.net/links/?5GH0Hg
(Permalink)
Petite astuce (avec une seule ligne de CSS) pour mettre dans Shaarli une petite icône quand il s'agit d'un lien externe (c'est à dire qui ne pointe par sur Shaarli lui-même).
Vous pouvez voir le résultat là: http://links.nekoblog.org
(Permalink)
nekoblog, le 02/07/2014 à 14:09
Bon, rien de révolutionnaire, je me pose ça ici en cas d'une future MAJ de Shaarli qui écraserait la modif. Je suis feignant, j'aime bien les copier/coller. :)
Donc dans le fichier inc/shaarli.css, j'ai ajouté une ligne en dessous de la 234 pour y mettre :
.linktitle a[href^="http://"]:after, .linktitle a[href^="https://"]:after {content: url('../images/ico_ext_link.gif');margin: 0px 0px 0px 2px;}
Et évidemment, j'ai ajouté l'icône dans le dossier images.
EDIT : Le lien direct vers l'icône pour ceux que ça intéresserait : http://links.nekoblog.org/images/ico_ext_link.gif
(Permalink)
orangina-rouge, le 02/07/2014 à 18:31
Mais c'est génial ça ! Trop facile !
« Petite astuce (avec une seule ligne de CSS) pour mettre [...] une petite icône quand il s'agit d'un lien externe ».
Soit : «
Donc dans le fichier inc/shaarli.css, j'ai ajouté une ligne en dessous de la 234 pour y mettre :
.linktitle a[href^="http://"]:after, .linktitle a[href^="https://"]:after {content: url('../images/ico_ext_link.gif');margin: 0px 0px 0px 2px;}
Et évidemment, j'ai ajouté l'icône dans le dossier images.
EDIT : Le lien direct vers l'icône pour ceux que ça intéresserait : http://links.nekoblog.org/images/ico_ext_link.gif
»
via http://sebsauvage.net/links/?5GH0Hg
(Permalink)
Strak, le 02/07/2014 à 23:10
Cool, une astuce pour afficher une icône spécifique dans Shaarli lorsqu'un lien pointe à l'extérieur. Je coudise, merci!
Via du monde sur Shaarli.
(Permalink)
WebManiaK, le 03/07/2014 à 11:48
Une astuce sympa (pas seulement applicable à Shaarli) pour afficher une icône à côté des liens sortant d'un site web. C'est un peu comme dans les wikis où les liens internes sont normaux mais qu'une petite icône "planète" agrémente les liens sortant vers d'autres sites.
Via http://sebsauvage.net/links/?5GH0Hg
(Permalink)
Cochise, le 10/07/2014 à 11:51
Je note ici, car je voulais faire l'inverse et ça risque de m'aider (mettre une petite icône quand un liens pointe vers Shaarli lui-même).
via : http://sebsauvage.net/links/?5GH0Hg
(Permalink)