Des liens en vignette

Voici un petit script pour améliorer le design sur Dotclear, il permet lors du survol d’un lien vers un site d’afficher dans une vignette l’image du site en question.

Très facile à intégrer, il suffit de télécharger ce fichier, le décompresser, uploader (par ftp) les 2 fichiers (arc90_linkthumb.js et linkpic_shadow.gif) dans un dossier de son site puis d’éditer le fichier template.php (si on utilise Dotclear), d’insérer les lignes ci-dessous entre <head> et </head>. Enfin bien renseigner la ligne en rouge pour donner le bon chemin vers le script.

<title>arc90 lab | tools: Link Thumbnail</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
<script language=”JavaScript” type=”Text/JavaScript” xsrc=”http://myserver.com/path/to/javascript/arc90_linkthumb.js”></script>
<style type=”text/css” media=”screen”>.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right; }</style>
<script>arc90_linkThumbUseClassName = false;</script>

Il y a d’autres scripts disponibles sur ce site, sous license Creative Commons

A propos Nicolas Chopin

Fondateur du site SynerGeek.fr. Passionné par l'informatique, le web et les technologies, j'aime partager mes découvertes. Rejoignez-nous pour partager vos connaissances, vos expériences et développer votre réseau professionnel

Je vous propose également...

IPv6 où en est-on? 1

IPv6 où en est-on?

L’IPv6 j’en entends parler depuis ma formation d’admin sys&réseaux… Et ça remonte déjà à plus …

SynerGeek.fr au Golden Blog Awards 2012 2

SynerGeek.fr au Golden Blog Awards 2012

Je viens tout juste d’inscrire SynerGeek.fr au Golden Blog Awards 2012 dans la catégorie High-Tech …

1 commentaire

  1. Ca m’a l’air très sympa ce truc, il faut que je teste…

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.